Colour code #BBD46A

#BBD46A
rgb(187, 212, 106)
rgb(73.3%, 83.1%, 41.6%)

RGB value of #BBD46A colour is rgb(187, 212, 106) where red value is 187, green value is 212 and the blue value is 106.

Max value from RGB for colour #BBD46A is 212 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #BBD46A hue angle of 74.2°, saturation:55.2% and the lightness value is 62.4%.

The process colour (four Colour CMYK) of #BBD46A colour is Cyan = 0.12, Magento = 0, Yellow = 0.5, and Key/Black (K on CMYK) = 0.17.

Hex color #BBD46A is not a web safe color. Nearby web safe colour of #BBD46A is #CCCC66.

Grayscale color of #BBD46A is #C0C0C0

Inverted color of #BBD46A is #442B95

OLE colour (RGB Long) of #BBD46A is 7001275

Decimal Value of #BBD46A is 12309610

Android / android.graphics.Color of #BBD46A is -4467606 / 0xFFBBD46A

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

Hex Triplets
#BBD46A
RGB Decimal
rgb(187, 212, 106)
RGB Percent
rgb(73.33%, 83.14%, 41.57%)
RGBA
rgba(187, 212, 106, 1)
HSL
hsl(74.2, 55.2%, 62.4%)
HSLA
hsla(74.2, 55.2%, 62.4%, 1)

Colour spaces of #BBD46A

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 187
    73.33%
    G = 212
    83.14%
    B = 106
    41.57%

    C = 26.67%
    0.26666666666667
    M = 16.86%
    0.16862745098039
    Y = 58.43%
    0.5843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 74.2°
    0.2059748427673
    S = 55.2%
    0.55208333333333
    L = 62.4%
    0.62352941176471
  • HSV (HSB) – hue, saturation, brightness/value
    H = 74.2°
    0.2059748427673
    S = 50%
    0.5
    V = 83.14%
    0.83137254901961
  • CMYK – cyan, magenta, yellow, key/black
    C = 11.79
    0.11792452830189
    M = 0
    0
    Y = 50
    0.5
    K = 16.86
    0.16862745098039
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 46.639
    46.638519081211
    Y = 58.692
    58.692369966415
    Z = 22.506
    22.506319657497

    Yxy
    CIE (x, y, Y)
    Y = 58.692
    58.692369966415
    x = 0.365
    0.3648274203858
    y = 0.459
    0.45911804990829

    Hunter-Lab
    Hunter 1948 colour space
    L = 76.61
    76.610945671239
    a = -25.4
    -25.403538242148
    b = 36.21
    36.209789356477

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 81.12
    81.122205951967
    a = -24.26
    -24.258763373676
    b = 49.2
    49.199270767164

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 81.1222
    81.122205951967
    u = -10.8223
    -10.822339023022
    v = 66.2212
    66.221194785951

    CIELCH
    Cylindrical representation
    L = 81.1222
    81.122205951967
    C = 54.8549
    54.854861629948
    H = 116.2466
    116.2465976382

    YIQ
    Luma In-phase Quadrature
    Y = 0.7547
    0.75467058823529
    I = 0.075
    0.075003921568627
    Q = -0.1501
    -0.15006274509804

Base Numbers

Base Red Green Blue
Binary 10111011 11010100 01101010
Octal 273 324 152
Decimal 187 212 106
Hex BB D4 6A


Colour Harmonies : #BBD46A colour combinations

Complementary colour scheme for #BBD46A

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

Split-complementary colour scheme for #BBD46A

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 #BBD46A are calculated by changing the hue by ±5/12 (±150°): 74.2° → -75.8° (74.2°-150°), 224.2° (74.2°+150°).

Triadic colours scheme for #BBD46A

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 #BBD46A are calculated by changing the hue by ±1/3 (±120°): 74.2° → -45.8° (74.2°-120°), 194.2° (74.2°+120°).

Tetradic (Rectangle) colour scheme for #BBD46A

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 #BBD46A are calculated by changing the hue as follows : 74.2° → 194.2° (74.2°+120°), 254.2° (74.2°+180°), 374.2° (74.2°+300°).


Four tetradic scheme colours (counter-clockwise) for #BBD46A are calculated by changing the hue as follows : 74.2° → -45.8° (74.2°-120°), -105.8° (74.2°-180°), -225.8° (74.2°-300°).

Tetradic Square Colour Scheme for #BBD46A

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 #BBD46A are calculated by changing the hue by 1/4 (90°) progressively : 74.2° → 164.2° (74.2°+90°), 254.2° (74.2°+180°), 344.2° (74.2°+270°).

Analagous colours of #BBD46A

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 #BBD46A are calculated by changing the hue by ±1/12 (i.e. 30°): 74.2° → 104.2° (74.2°+30°), 44.2° (74.2°-30°).

RGB Variations of #BBD46A

(R:BB, G:D4, B:BB)

Monochromatic colours of #BBD46A

Shade Colour Variation of #BBD46A (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #BBD46A (Brighter)

Tint is created by mixing white to any pure color

Tones of #BBD46A colour with more saturation

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

Tones of #BBD46A colour with less saturation

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

#BBD46A Colour in CSS Codes


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

Text with hexadecimal font colour #BBD46A

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


#BBD46A Background Colour

This div background Colour is #BBD46A


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


#BBD46A Border Colour

This div border Colour is #BBD46A


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(187, 212, 106, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #BBD46A;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #BBD46A;
    -webkit-box-shadow: 1px 1px 3px 2px #BBD46A;
    box-shadow: 1px 1px 3px 2px #BBD46A;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(187, 212, 106, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # BBD46A



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

Colour Compositions

RGB % of Colour #BBD46A

CMYK % of Colour #BBD46A

Related Colours along with #BBD46A

Black background

Sample text in #BBD46A colour with black background colour.

White background

Sample text in #BBD46A colour with white background colour.

#BBD46A over22 #442B95

Sample text in #BBD46A colour with #442B95 background colour.

#442B95 over BBD46A

Sample text in #442B95 colour with #BBD46A background colour.

#BBD46A over22 #6A86D4

Sample text in #BBD46A colour with #6A86D4 background colour.

#6A86D4 over BBD46A

Sample text in #6A86D4 colour with #BBD46A background colour.

#BBD46A over22 #6ABBD4

Sample text in #BBD46A colour with #6ABBD4 background colour.

#6ABBD4 over BBD46A

Sample text in #6ABBD4 colour with #BBD46A background colour.

#BBD46A over22 #6AD483

Sample text in #BBD46A colour with #6AD483 background colour.

#6AD483 over BBD46A

Sample text in #6AD483 colour with #BBD46A background colour.

#BBD46A over22 #6AD4B8

Sample text in #BBD46A colour with #6AD4B8 background colour.

#6AD4B8 over BBD46A

Sample text in #6AD4B8 colour with #BBD46A background colour.

#BBD46A over22 #6AD4BB

Sample text in #BBD46A colour with #6AD4BB background colour.

#6AD4BB over BBD46A

Sample text in #6AD4BB colour with #BBD46A background colour.

#BBD46A over22 #836AD4

Sample text in #BBD46A colour with #836AD4 background colour.

#836AD4 over BBD46A

Sample text in #836AD4 colour with #BBD46A background colour.

#BBD46A over22 #B86AD4

Sample text in #BBD46A colour with #B86AD4 background colour.

#B86AD4 over BBD46A

Sample text in #B86AD4 colour with #BBD46A background colour.

#BBD46A over22 #BB6AD4

Sample text in #BBD46A colour with #BB6AD4 background colour.

#BB6AD4 over BBD46A

Sample text in #BB6AD4 colour with #BBD46A background colour.

#BBD46A over22 #C0C0C0

Sample text in #BBD46A colour with #C0C0C0 background colour.

#C0C0C0 over BBD46A

Sample text in #C0C0C0 colour with #BBD46A background colour.

#BBD46A over22 #CCCC66

Sample text in #BBD46A colour with #CCCC66 background colour.

#CCCC66 over BBD46A

Sample text in #CCCC66 colour with #BBD46A background colour.

#BBD46A over22 #D46A86

Sample text in #BBD46A colour with #D46A86 background colour.

#D46A86 over BBD46A

Sample text in #D46A86 colour with #BBD46A background colour.

#BBD46A over22 #D46ABB

Sample text in #BBD46A colour with #D46ABB background colour.

#D46ABB over BBD46A

Sample text in #D46ABB colour with #BBD46A background colour.

#BBD46A over22 #D4836A

Sample text in #BBD46A colour with #D4836A background colour.

#D4836A over BBD46A

Sample text in #D4836A colour with #BBD46A background colour.

#BBD46A over22 #D4BB6A

Sample text in #BBD46A colour with #D4BB6A background colour.

#D4BB6A over BBD46A

Sample text in #D4BB6A colour with #BBD46A background colour.