Colour code #BAF10E

#BAF10E
rgb(186, 241, 14)
rgb(72.9%, 94.5%, 5.5%)

RGB value of #BAF10E colour is rgb(186, 241, 14) where red value is 186, green value is 241 and the blue value is 14.

Max value from RGB for colour #BAF10E is 241 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #BAF10E hue angle of 74.5°, saturation:89% and the lightness value is 50%.

The process colour (four Colour CMYK) of #BAF10E colour is Cyan = 0.23, Magento = 0, Yellow = 0.94, and Key/Black (K on CMYK) = 0.05.

Hex color #BAF10E is not a web safe color. Nearby web safe colour of #BAF10E is #CCFF00.

Grayscale color of #BAF10E is #C7C7C7

Inverted color of #BAF10E is #450EF1

OLE colour (RGB Long) of #BAF10E is 979386

Decimal Value of #BAF10E is 12251406

Android / android.graphics.Color of #BAF10E is -4525810 / 0xFFBAF10E

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

Hex Triplets
#BAF10E
RGB Decimal
rgb(186, 241, 14)
RGB Percent
rgb(72.94%, 94.51%, 5.49%)
RGBA
rgba(186, 241, 14, 1)
HSL
hsl(74.5, 89%, 50%)
HSLA
hsla(74.5, 89%, 50%, 1)

Colour spaces of #BAF10E

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 186
    72.94%
    G = 241
    94.51%
    B = 14
    5.49%

    C = 27.06%
    0.27058823529412
    M = 5.49%
    0.054901960784314
    Y = 94.51%
    0.94509803921569
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 74.5°
    0.20704845814978
    S = 89%
    0.89019607843137
    L = 50%
    0.5
  • HSV (HSB) – hue, saturation, brightness/value
    H = 74.5°
    0.20704845814978
    S = 94.19%
    0.94190871369295
    V = 94.51%
    0.94509803921569
  • CMYK – cyan, magenta, yellow, key/black
    C = 22.82
    0.22821576763485
    M = 0
    0
    Y = 94.19
    0.94190871369295
    K = 5.49
    0.054901960784314
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 51.784
    51.784262289209
    Y = 73.381
    73.381403304693
    Z = 11.85
    11.850175776765

    Yxy
    CIE (x, y, Y)
    Y = 73.381
    73.381403304693
    x = 0.378
    0.37794361419216
    y = 0.536
    0.53556875300408

    Hunter-Lab
    Hunter 1948 colour space
    L = 85.66
    85.662946076289
    a = -42
    -42.004798159673
    b = 51.76
    51.762185549574

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 88.63
    88.62930169124
    a = -42.62
    -42.615892333233
    b = 84.91
    84.906738721005

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 88.6293
    88.62930169124
    u = -27.065
    -27.064999738275
    v = 100.8818
    100.88183978859

    CIELCH
    Cylindrical representation
    L = 88.6293
    88.62930169124
    C = 95.0014
    95.001413461036
    H = 116.6527
    116.65272147572

    YIQ
    Luma In-phase Quadrature
    Y = 0.7791
    0.77912549019608
    I = 0.1572
    0.15720392156863
    Q = -0.3226
    -0.32257647058824

Base Numbers

Base Red Green Blue
Binary 10111010 11110001 00001110
Octal 272 361 16
Decimal 186 241 14
Hex BA F1 E


Colour Harmonies : #BAF10E colour combinations

Complementary colour scheme for #BAF10E

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 #BAF10E colour is calculated by adding 180° to the value of the current hue: 74.5° → 254.5° (+180°)

Split-complementary colour scheme for #BAF10E

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 #BAF10E are calculated by changing the hue by ±5/12 (±150°): 74.5° → -75.5° (74.5°-150°), 224.5° (74.5°+150°).

Triadic colours scheme for #BAF10E

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 #BAF10E are calculated by changing the hue by ±1/3 (±120°): 74.5° → -45.5° (74.5°-120°), 194.5° (74.5°+120°).

Tetradic (Rectangle) colour scheme for #BAF10E

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 #BAF10E are calculated by changing the hue as follows : 74.5° → 194.5° (74.5°+120°), 254.5° (74.5°+180°), 374.5° (74.5°+300°).


Four tetradic scheme colours (counter-clockwise) for #BAF10E are calculated by changing the hue as follows : 74.5° → -45.5° (74.5°-120°), -105.5° (74.5°-180°), -225.5° (74.5°-300°).

Tetradic Square Colour Scheme for #BAF10E

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 #BAF10E are calculated by changing the hue by 1/4 (90°) progressively : 74.5° → 164.5° (74.5°+90°), 254.5° (74.5°+180°), 344.5° (74.5°+270°).

Analagous colours of #BAF10E

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 #BAF10E are calculated by changing the hue by ±1/12 (i.e. 30°): 74.5° → 104.5° (74.5°+30°), 44.5° (74.5°-30°).

RGB Variations of #BAF10E

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

Monochromatic colours of #BAF10E

Shade Colour Variation of #BAF10E (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #BAF10E (Brighter)

Tint is created by mixing white to any pure color

Tones of #BAF10E colour with more saturation

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

Tones of #BAF10E colour with less saturation

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

#BAF10E Colour in CSS Codes


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

Text with hexadecimal font colour #BAF10E

This sample text font Colour is #BAF10E
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:#BAF10E">Text here</p>


#BAF10E Background Colour

This div background Colour is #BAF10E


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


#BAF10E Border Colour

This div border Colour is #BAF10E


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


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


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # BAF10E



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

Colour Palettes with #BAF10E

Colour Compositions

RGB % of Colour #BAF10E

CMYK % of Colour #BAF10E

Related Colours along with #BAF10E

Black background

Sample text in #BAF10E colour with black background colour.

White background

Sample text in #BAF10E colour with white background colour.

#BAF10E over22 #0E49F1

Sample text in #BAF10E colour with #0E49F1 background colour.

#0E49F1 over BAF10E

Sample text in #0E49F1 colour with #BAF10E background colour.

#BAF10E over22 #0EBAF1

Sample text in #BAF10E colour with #0EBAF1 background colour.

#0EBAF1 over BAF10E

Sample text in #0EBAF1 colour with #BAF10E background colour.

#BAF10E over22 #0EF145

Sample text in #BAF10E colour with #0EF145 background colour.

#0EF145 over BAF10E

Sample text in #0EF145 colour with #BAF10E background colour.

#BAF10E over22 #0EF1B7

Sample text in #BAF10E colour with #0EF1B7 background colour.

#0EF1B7 over BAF10E

Sample text in #0EF1B7 colour with #BAF10E background colour.

#BAF10E over22 #0EF1BA

Sample text in #BAF10E colour with #0EF1BA background colour.

#0EF1BA over BAF10E

Sample text in #0EF1BA colour with #BAF10E background colour.

#BAF10E over22 #450EF1

Sample text in #BAF10E colour with #450EF1 background colour.

#450EF1 over BAF10E

Sample text in #450EF1 colour with #BAF10E background colour.

#BAF10E over22 #B70EF1

Sample text in #BAF10E colour with #B70EF1 background colour.

#B70EF1 over BAF10E

Sample text in #B70EF1 colour with #BAF10E background colour.

#BAF10E over22 #BA0EF1

Sample text in #BAF10E colour with #BA0EF1 background colour.

#BA0EF1 over BAF10E

Sample text in #BA0EF1 colour with #BAF10E background colour.

#BAF10E over22 #C7C7C7

Sample text in #BAF10E colour with #C7C7C7 background colour.

#C7C7C7 over BAF10E

Sample text in #C7C7C7 colour with #BAF10E background colour.

#BAF10E over22 #CCFF00

Sample text in #BAF10E colour with #CCFF00 background colour.

#CCFF00 over BAF10E

Sample text in #CCFF00 colour with #BAF10E background colour.

#BAF10E over22 #F10E49

Sample text in #BAF10E colour with #F10E49 background colour.

#F10E49 over BAF10E

Sample text in #F10E49 colour with #BAF10E background colour.

#BAF10E over22 #F10EBA

Sample text in #BAF10E colour with #F10EBA background colour.

#F10EBA over BAF10E

Sample text in #F10EBA colour with #BAF10E background colour.

#BAF10E over22 #F1450E

Sample text in #BAF10E colour with #F1450E background colour.

#F1450E over BAF10E

Sample text in #F1450E colour with #BAF10E background colour.

#BAF10E over22 #F1BA0E

Sample text in #BAF10E colour with #F1BA0E background colour.

#F1BA0E over BAF10E

Sample text in #F1BA0E colour with #BAF10E background colour.