Colour code #BAFA27

#BAFA27
rgb(186, 250, 39)
rgb(72.9%, 98%, 15.3%)

RGB value of #BAFA27 colour is rgb(186, 250, 39) where red value is 186, green value is 250 and the blue value is 39.

Max value from RGB for colour #BAFA27 is 250 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #BAFA27 hue angle of 78.2°, saturation:95.5% and the lightness value is 56.7%.

The process colour (four Colour CMYK) of #BAFA27 colour is Cyan = 0.26, Magento = 0, Yellow = 0.84, and Key/Black (K on CMYK) = 0.02.

Hex color #BAFA27 is not a web safe color. Nearby web safe colour of #BAFA27 is #CCFF33.

Grayscale color of #BAFA27 is #CFCFCF

Inverted color of #BAFA27 is #4505D8

OLE colour (RGB Long) of #BAFA27 is 2620090

Decimal Value of #BAFA27 is 12253735

Android / android.graphics.Color of #BAFA27 is -4523481 / 0xFFBAFA27

The following declarations are allowed (CSS 3.0) for #BAFA27

Hex Triplets
#BAFA27
RGB Decimal
rgb(186, 250, 39)
RGB Percent
rgb(72.94%, 98.04%, 15.29%)
RGBA
rgba(186, 250, 39, 1)
HSL
hsl(78.2, 95.5%, 56.7%)
HSLA
hsla(78.2, 95.5%, 56.7%, 1)

Colour spaces of #BAFA27

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 186
    72.94%
    G = 250
    98.04%
    B = 39
    15.29%

    C = 27.06%
    0.27058823529412
    M = 1.96%
    0.019607843137255
    Y = 84.71%
    0.84705882352941
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 78.2°
    0.2172195892575
    S = 95.5%
    0.95475113122172
    L = 56.7%
    0.56666666666667
  • HSV (HSB) – hue, saturation, brightness/value
    H = 78.2°
    0.2172195892575
    S = 84.4%
    0.844
    V = 98.04%
    0.98039215686275
  • CMYK – cyan, magenta, yellow, key/black
    C = 25.6
    0.256
    M = 0
    0
    Y = 84.4
    0.844
    K = 1.96
    0.019607843137255
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 54.802
    54.801515523092
    Y = 78.957
    78.956800917423
    Z = 14.271
    14.271300529473

    Yxy
    CIE (x, y, Y)
    Y = 78.957
    78.956800917423
    x = 0.37
    0.37020642655721
    y = 0.533
    0.53338515989967

    Hunter-Lab
    Hunter 1948 colour space
    L = 88.86
    88.857639467534
    a = -45.41
    -45.4138739658
    b = 52.68
    52.677864096732

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 91.21
    91.214741745882
    a = -45.98
    -45.977885225646
    b = 83.26
    83.259838847173

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 91.2147
    91.214741745882
    u = -31.836
    -31.836030679205
    v = 101.9504
    101.95044491582

    CIELCH
    Cylindrical representation
    L = 91.2147
    91.214741745882
    C = 95.1113
    95.11133841283
    H = 118.9084
    118.90843020688

    YIQ
    Luma In-phase Quadrature
    Y = 0.811
    0.81101960784314
    I = 0.116
    0.11602745098039
    Q = -0.3105
    -0.31054509803922

Base Numbers

Base Red Green Blue
Binary 10111010 11111010 00100111
Octal 272 372 47
Decimal 186 250 39
Hex BA FA 27


Colour Harmonies : #BAFA27 colour combinations

Complementary colour scheme for #BAFA27

Colors that are opposite each other on the color wheel are considered to be complementary colors. The high contrast of complementary colors creates a vibrant look especially when used at full saturation.

In the complementary color scheme, the opposite colour of #BAFA27 colour is calculated by adding 180° to the value of the current hue: 78.2° → 258.2° (+180°)

Split-complementary colour scheme for #BAFA27

The split-complementary colour scheme is a variation of the complementary colour scheme. In addition to the base colour, it uses the two colours adjacent to its complement.This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension.

Split-complementary colours of #BAFA27 are calculated by changing the hue by ±5/12 (±150°): 78.2° → -71.8° (78.2°-150°), 228.2° (78.2°+150°).

Triadic colours scheme for #BAFA27

A triadic colour scheme uses colors that are evenly spaced around the colour wheel. This scheme tend to be quite vibrant, even if you use pale or unsaturated versions of your hues. To use a triadic harmony successfully, the colours should be carefully balanced - let one colour dominate and use the two others for accent.

Equidistant combinations of triadic scheme colours for #BAFA27 are calculated by changing the hue by ±1/3 (±120°): 78.2° → -41.8° (78.2°-120°), 198.2° (78.2°+120°).

Tetradic (Rectangle) colour scheme for #BAFA27

The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs.This schemes works best if one color is dominant, while the rest serve as extras.

Four tetradic scheme colours (clockwise) for #BAFA27 are calculated by changing the hue as follows : 78.2° → 198.2° (78.2°+120°), 258.2° (78.2°+180°), 378.2° (78.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #BAFA27 are calculated by changing the hue as follows : 78.2° → -41.8° (78.2°-120°), -101.8° (78.2°-180°), -221.8° (78.2°-300°).

Tetradic Square Colour Scheme for #BAFA27

The square color scheme is similar to the Tetradic rectangle scheme, but with all four colors spaced evenly around the color circle. Square color schemes works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.

Four equidistant tetradic square scheme colours for #BAFA27 are calculated by changing the hue by 1/4 (90°) progressively : 78.2° → 168.2° (78.2°+90°), 258.2° (78.2°+180°), 348.2° (78.2°+270°).

Analagous colours of #BAFA27

Analogous colours are groups of three colors that are next to each other on the colour wheel. They usually match well and create serene and comfortable designs.

Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.

The analogous colours of #BAFA27 are calculated by changing the hue by ±1/12 (i.e. 30°): 78.2° → 108.2° (78.2°+30°), 48.2° (78.2°-30°).

RGB Variations of #BAFA27

(R:BA, G:FA, B:BA)

Monochromatic colours of #BAFA27

Shade Colour Variation of #BAFA27 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #BAFA27 (Brighter)

Tint is created by mixing white to any pure color

Tones of #BAFA27 colour with more saturation

A tone is produced by adding gray to any pure hue.

Tones of #BAFA27 colour with less saturation

A tone is produced by adding gray to any pure hue.

#BAFA27 Colour in CSS Codes


.myforecolor{
    color:#BAFA27;
}
.mybgcolor{
    background-color:#BAFA27;
}
.mybordercolor{
    border:3px solid #BAFA27;
}

Text with hexadecimal font colour #BAFA27

This sample text font Colour is #BAFA27
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog


<p style="color:#BAFA27">Text here</p>


#BAFA27 Background Colour

This div background Colour is #BAFA27


<div style="background-color:#BAFA27">
    Div content here
</div>


#BAFA27 Border Colour

This div border Colour is #BAFA27


<div style="border:3px solid #BAFA27">
    Div content here
</div>

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(186, 250, 39, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #BAFA27;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #BAFA27;
    -webkit-box-shadow: 1px 1px 3px 2px #BAFA27;
    box-shadow: 1px 1px 3px 2px #BAFA27;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(186, 250, 39, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


<p style="text-shadow: 4px 4px 2px #BAFA27">Text here</p>


Div Box Shadow

This div box has shadow with Colour # BAFA27



<div style="-moz-box-shadow: 1px 1px 3px 2px #BAFA27;
-webkit-box-shadow: 1px 1px 3px 2px #BAFA27;
box-shadow: 1px 1px 3px 2px #BAFA27;">
    Div content here
</div>

Colour Palettes with #BAFA27

Colour Compositions

RGB % of Colour #BAFA27

CMYK % of Colour #BAFA27

Related Colours along with #BAFA27

Black background

Sample text in #BAFA27 colour with black background colour.

White background

Sample text in #BAFA27 colour with white background colour.

#BAFA27 over22 #2750FA

Sample text in #BAFA27 colour with #2750FA background colour.

#2750FA over BAFA27

Sample text in #2750FA colour with #BAFA27 background colour.

#BAFA27 over22 #27BAFA

Sample text in #BAFA27 colour with #27BAFA background colour.

#27BAFA over BAFA27

Sample text in #27BAFA colour with #BAFA27 background colour.

#BAFA27 over22 #27FA67

Sample text in #BAFA27 colour with #27FA67 background colour.

#27FA67 over BAFA27

Sample text in #27FA67 colour with #BAFA27 background colour.

#BAFA27 over22 #27FABA

Sample text in #BAFA27 colour with #27FABA background colour.

#27FABA over BAFA27

Sample text in #27FABA colour with #BAFA27 background colour.

#BAFA27 over22 #27FAD0

Sample text in #BAFA27 colour with #27FAD0 background colour.

#27FAD0 over BAFA27

Sample text in #27FAD0 colour with #BAFA27 background colour.

#BAFA27 over22 #4505D8

Sample text in #BAFA27 colour with #4505D8 background colour.

#4505D8 over BAFA27

Sample text in #4505D8 colour with #BAFA27 background colour.

#BAFA27 over22 #6727FA

Sample text in #BAFA27 colour with #6727FA background colour.

#6727FA over BAFA27

Sample text in #6727FA colour with #BAFA27 background colour.

#BAFA27 over22 #BA27FA

Sample text in #BAFA27 colour with #BA27FA background colour.

#BA27FA over BAFA27

Sample text in #BA27FA colour with #BAFA27 background colour.

#BAFA27 over22 #CCFF33

Sample text in #BAFA27 colour with #CCFF33 background colour.

#CCFF33 over BAFA27

Sample text in #CCFF33 colour with #BAFA27 background colour.

#BAFA27 over22 #CFCFCF

Sample text in #BAFA27 colour with #CFCFCF background colour.

#CFCFCF over BAFA27

Sample text in #CFCFCF colour with #BAFA27 background colour.

#BAFA27 over22 #D027FA

Sample text in #BAFA27 colour with #D027FA background colour.

#D027FA over BAFA27

Sample text in #D027FA colour with #BAFA27 background colour.

#BAFA27 over22 #FA2750

Sample text in #BAFA27 colour with #FA2750 background colour.

#FA2750 over BAFA27

Sample text in #FA2750 colour with #BAFA27 background colour.

#BAFA27 over22 #FA27BA

Sample text in #BAFA27 colour with #FA27BA background colour.

#FA27BA over BAFA27

Sample text in #FA27BA colour with #BAFA27 background colour.

#BAFA27 over22 #FA6727

Sample text in #BAFA27 colour with #FA6727 background colour.

#FA6727 over BAFA27

Sample text in #FA6727 colour with #BAFA27 background colour.

#BAFA27 over22 #FABA27

Sample text in #BAFA27 colour with #FABA27 background colour.

#FABA27 over BAFA27

Sample text in #FABA27 colour with #BAFA27 background colour.