Colour code #B5B86A

#B5B86A
rgb(181, 184, 106)
rgb(71%, 72.2%, 41.6%)

RGB value of #B5B86A colour is rgb(181, 184, 106) where red value is 181, green value is 184 and the blue value is 106.

Max value from RGB for colour #B5B86A is 184 which contains mainly Green colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B5B86A hue angle of 62.3°, saturation:35.5% and the lightness value is 56.9%.

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

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

Grayscale color of #B5B86A is #AEAEAE

Inverted color of #B5B86A is #4A4795

OLE colour (RGB Long) of #B5B86A is 6994101

Decimal Value of #B5B86A is 11909226

Android / android.graphics.Color of #B5B86A is -4867990 / 0xFFB5B86A

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

Hex Triplets
#B5B86A
RGB Decimal
rgb(181, 184, 106)
RGB Percent
rgb(70.98%, 72.16%, 41.57%)
RGBA
rgba(181, 184, 106, 1)
HSL
hsl(62.3, 35.5%, 56.9%)
HSLA
hsla(62.3, 35.5%, 56.9%, 1)

Colour spaces of #B5B86A

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 181
    70.98%
    G = 184
    72.16%
    B = 106
    41.57%

    C = 29.02%
    0.29019607843137
    M = 27.84%
    0.27843137254902
    Y = 58.43%
    0.5843137254902
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 62.3°
    0.17307692307692
    S = 35.5%
    0.35454545454545
    L = 56.9%
    0.56862745098039
  • HSV (HSB) – hue, saturation, brightness/value
    H = 62.3°
    0.17307692307692
    S = 42.39%
    0.42391304347826
    V = 72.16%
    0.72156862745098
  • CMYK – cyan, magenta, yellow, key/black
    C = 1.63
    0.016304347826087
    M = 0
    0
    Y = 42.39
    0.42391304347826
    K = 27.84
    0.27843137254902
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 38.798
    38.798064112421
    Y = 45.145
    45.145344067619
    Z = 20.305
    20.304716346953

    Yxy
    CIE (x, y, Y)
    Y = 45.145
    45.145344067619
    x = 0.372
    0.37217037993211
    y = 0.433
    0.43305665471161

    Hunter-Lab
    Hunter 1948 colour space
    L = 67.19
    67.190285062365
    a = -14.51
    -14.510740159253
    b = 29.12
    29.115927261012

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 72.99
    72.98749433923
    a = -12.66
    -12.663610155258
    b = 39.16
    39.162840138592

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 72.9875
    72.98749433923
    u = 1.8222
    1.822222045816
    v = 51.8589
    51.85888248534

    CIELCH
    Cylindrical representation
    L = 72.9875
    72.98749433923
    C = 41.1594
    41.159386169928
    H = 107.919
    107.91901879144

    YIQ
    Luma In-phase Quadrature
    Y = 0.6832
    0.68318039215686
    I = 0.0912
    0.091176470588235
    Q = -0.0976
    -0.097623529411765

Base Numbers

Base Red Green Blue
Binary 10110101 10111000 01101010
Octal 265 270 152
Decimal 181 184 106
Hex B5 B8 6A


Colour Harmonies : #B5B86A colour combinations

Complementary colour scheme for #B5B86A

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

Split-complementary colour scheme for #B5B86A

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 #B5B86A are calculated by changing the hue by ±5/12 (±150°): 62.3° → -87.7° (62.3°-150°), 212.3° (62.3°+150°).

Triadic colours scheme for #B5B86A

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 #B5B86A are calculated by changing the hue by ±1/3 (±120°): 62.3° → -57.7° (62.3°-120°), 182.3° (62.3°+120°).

Tetradic (Rectangle) colour scheme for #B5B86A

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 #B5B86A are calculated by changing the hue as follows : 62.3° → 182.3° (62.3°+120°), 242.3° (62.3°+180°), 362.3° (62.3°+300°).


Four tetradic scheme colours (counter-clockwise) for #B5B86A are calculated by changing the hue as follows : 62.3° → -57.7° (62.3°-120°), -117.7° (62.3°-180°), -237.7° (62.3°-300°).

Tetradic Square Colour Scheme for #B5B86A

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 #B5B86A are calculated by changing the hue by 1/4 (90°) progressively : 62.3° → 152.3° (62.3°+90°), 242.3° (62.3°+180°), 332.3° (62.3°+270°).

Analagous colours of #B5B86A

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 #B5B86A are calculated by changing the hue by ±1/12 (i.e. 30°): 62.3° → 92.3° (62.3°+30°), 32.3° (62.3°-30°).

RGB Variations of #B5B86A

(R:B5, G:B8, B:B5)

Monochromatic colours of #B5B86A

Shade Colour Variation of #B5B86A (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B5B86A (Brighter)

Tint is created by mixing white to any pure color

Tones of #B5B86A colour with more saturation

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

Tones of #B5B86A colour with less saturation

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

#B5B86A Colour in CSS Codes


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

Text with hexadecimal font colour #B5B86A

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


#B5B86A Background Colour

This div background Colour is #B5B86A


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


#B5B86A Border Colour

This div border Colour is #B5B86A


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

CSS3 Examples


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


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(181, 184, 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 #B5B86A">Text here</p>


Div Box Shadow

This div box has shadow with Colour # B5B86A



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

Colour Palettes with #B5B86A

Colour Compositions

RGB % of Colour #B5B86A

CMYK % of Colour #B5B86A

Related Colours along with #B5B86A

Black background

Sample text in #B5B86A colour with black background colour.

White background

Sample text in #B5B86A colour with white background colour.

#B5B86A over22 #4A4795

Sample text in #B5B86A colour with #4A4795 background colour.

#4A4795 over B5B86A

Sample text in #4A4795 colour with #B5B86A background colour.

#B5B86A over22 #6A8EB8

Sample text in #B5B86A colour with #6A8EB8 background colour.

#6A8EB8 over B5B86A

Sample text in #6A8EB8 colour with #B5B86A background colour.

#B5B86A over22 #6AB5B8

Sample text in #B5B86A colour with #6AB5B8 background colour.

#6AB5B8 over B5B86A

Sample text in #6AB5B8 colour with #B5B86A background colour.

#B5B86A over22 #6AB86D

Sample text in #B5B86A colour with #6AB86D background colour.

#6AB86D over B5B86A

Sample text in #6AB86D colour with #B5B86A background colour.

#B5B86A over22 #6AB894

Sample text in #B5B86A colour with #6AB894 background colour.

#6AB894 over B5B86A

Sample text in #6AB894 colour with #B5B86A background colour.

#B5B86A over22 #6AB8B5

Sample text in #B5B86A colour with #6AB8B5 background colour.

#6AB8B5 over B5B86A

Sample text in #6AB8B5 colour with #B5B86A background colour.

#B5B86A over22 #6D6AB8

Sample text in #B5B86A colour with #6D6AB8 background colour.

#6D6AB8 over B5B86A

Sample text in #6D6AB8 colour with #B5B86A background colour.

#B5B86A over22 #946AB8

Sample text in #B5B86A colour with #946AB8 background colour.

#946AB8 over B5B86A

Sample text in #946AB8 colour with #B5B86A background colour.

#B5B86A over22 #AEAEAE

Sample text in #B5B86A colour with #AEAEAE background colour.

#AEAEAE over B5B86A

Sample text in #AEAEAE colour with #B5B86A background colour.

#B5B86A over22 #B56AB8

Sample text in #B5B86A colour with #B56AB8 background colour.

#B56AB8 over B5B86A

Sample text in #B56AB8 colour with #B5B86A background colour.

#B5B86A over22 #B86A8E

Sample text in #B5B86A colour with #B86A8E background colour.

#B86A8E over B5B86A

Sample text in #B86A8E colour with #B5B86A background colour.

#B5B86A over22 #B86AB5

Sample text in #B5B86A colour with #B86AB5 background colour.

#B86AB5 over B5B86A

Sample text in #B86AB5 colour with #B5B86A background colour.

#B5B86A over22 #B86D6A

Sample text in #B5B86A colour with #B86D6A background colour.

#B86D6A over B5B86A

Sample text in #B86D6A colour with #B5B86A background colour.

#B5B86A over22 #B8B56A

Sample text in #B5B86A colour with #B8B56A background colour.

#B8B56A over B5B86A

Sample text in #B8B56A colour with #B5B86A background colour.

#B5B86A over22 #CCCC66

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

#CCCC66 over B5B86A

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