Colour code #B68D28

#B68D28
rgb(182, 141, 40)
rgb(71.4%, 55.3%, 15.7%)

RGB value of #B68D28 colour is rgb(182, 141, 40) where red value is 182, green value is 141 and the blue value is 40.

Max value from RGB for colour #B68D28 is 182 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B68D28 hue angle of 42.7°, saturation:64% and the lightness value is 43.5%.

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

Hex color #B68D28 is not a web safe color. Nearby web safe colour of #B68D28 is #CC9933.

Grayscale color of #B68D28 is #8E8E8E

Inverted color of #B68D28 is #4972D7

OLE colour (RGB Long) of #B68D28 is 2657718

Decimal Value of #B68D28 is 11963688

Android / android.graphics.Color of #B68D28 is -4813528 / 0xFFB68D28

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

Hex Triplets
#B68D28
RGB Decimal
rgb(182, 141, 40)
RGB Percent
rgb(71.37%, 55.29%, 15.69%)
RGBA
rgba(182, 141, 40, 1)
HSL
hsl(42.7, 64%, 43.5%)
HSLA
hsla(42.7, 64%, 43.5%, 1)

Colour spaces of #B68D28

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 182
    71.37%
    G = 141
    55.29%
    B = 40
    15.69%

    C = 28.63%
    0.28627450980392
    M = 44.71%
    0.44705882352941
    Y = 84.31%
    0.84313725490196
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 42.7°
    0.11854460093897
    S = 64%
    0.63963963963964
    L = 43.5%
    0.43529411764706
  • HSV (HSB) – hue, saturation, brightness/value
    H = 42.7°
    0.11854460093897
    S = 78.02%
    0.78021978021978
    V = 71.37%
    0.71372549019608
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 22.53
    0.22527472527473
    Y = 78.02
    0.78021978021978
    K = 28.63
    0.28627450980392
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 29.199
    29.199283316703
    Y = 29.148
    29.14803761576
    Z = 6.095
    6.0946484719857

    Yxy
    CIE (x, y, Y)
    Y = 29.148
    29.14803761576
    x = 0.453
    0.45310972936664
    y = 0.452
    0.45231450691431

    Hunter-Lab
    Hunter 1948 colour space
    L = 53.99
    53.9889225821
    a = 2.06
    2.0590425583023
    b = 31.1
    31.099174513918

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 60.91
    60.912057535133
    a = 5.86
    5.858830907617
    b = 56.1
    56.101460714678

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 60.9121
    60.912057535133
    u = 34.1498
    34.149751342445
    v = 57.715
    57.715002141934

    CIELCH
    Cylindrical representation
    L = 60.9121
    60.912057535133
    C = 56.4066
    56.406558075498
    H = 84.0381
    84.038054458625

    YIQ
    Luma In-phase Quadrature
    Y = 0.5559
    0.55586274509804
    I = 0.223
    0.22296862745098
    Q = -0.0891
    -0.089094117647059

Base Numbers

Base Red Green Blue
Binary 10110110 10001101 00101000
Octal 266 215 50
Decimal 182 141 40
Hex B6 8D 28


Colour Harmonies : #B68D28 colour combinations

Complementary colour scheme for #B68D28

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

Split-complementary colour scheme for #B68D28

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 #B68D28 are calculated by changing the hue by ±5/12 (±150°): 42.7° → -107.3° (42.7°-150°), 192.7° (42.7°+150°).

Triadic colours scheme for #B68D28

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 #B68D28 are calculated by changing the hue by ±1/3 (±120°): 42.7° → -77.3° (42.7°-120°), 162.7° (42.7°+120°).

Tetradic (Rectangle) colour scheme for #B68D28

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 #B68D28 are calculated by changing the hue as follows : 42.7° → 162.7° (42.7°+120°), 222.7° (42.7°+180°), 342.7° (42.7°+300°).


Four tetradic scheme colours (counter-clockwise) for #B68D28 are calculated by changing the hue as follows : 42.7° → -77.3° (42.7°-120°), -137.3° (42.7°-180°), -257.3° (42.7°-300°).

Tetradic Square Colour Scheme for #B68D28

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 #B68D28 are calculated by changing the hue by 1/4 (90°) progressively : 42.7° → 132.7° (42.7°+90°), 222.7° (42.7°+180°), 312.7° (42.7°+270°).

Analagous colours of #B68D28

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 #B68D28 are calculated by changing the hue by ±1/12 (i.e. 30°): 42.7° → 72.7° (42.7°+30°), 12.7° (42.7°-30°).

RGB Variations of #B68D28

(R:B6, G:8D, B:B6)

Monochromatic colours of #B68D28

Shade Colour Variation of #B68D28 (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B68D28 (Brighter)

Tint is created by mixing white to any pure color

Tones of #B68D28 colour with more saturation

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

Tones of #B68D28 colour with less saturation

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

#B68D28 Colour in CSS Codes


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

Text with hexadecimal font colour #B68D28

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


#B68D28 Background Colour

This div background Colour is #B68D28


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


#B68D28 Border Colour

This div border Colour is #B68D28


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(182, 141, 40, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #B68D28;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #B68D28;
    -webkit-box-shadow: 1px 1px 3px 2px #B68D28;
    box-shadow: 1px 1px 3px 2px #B68D28;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(182, 141, 40, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # B68D28



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

Colour Palettes with #B68D28

Colour Compositions

RGB % of Colour #B68D28

CMYK % of Colour #B68D28

Related Colours along with #B68D28

Black background

Sample text in #B68D28 colour with black background colour.

White background

Sample text in #B68D28 colour with white background colour.

#B68D28 over22 #2851B6

Sample text in #B68D28 colour with #2851B6 background colour.

#2851B6 over B68D28

Sample text in #2851B6 colour with #B68D28 background colour.

#B68D28 over22 #288DB6

Sample text in #B68D28 colour with #288DB6 background colour.

#288DB6 over B68D28

Sample text in #288DB6 colour with #B68D28 background colour.

#B68D28 over22 #2898B6

Sample text in #B68D28 colour with #2898B6 background colour.

#2898B6 over B68D28

Sample text in #2898B6 colour with #B68D28 background colour.

#B68D28 over22 #28B646

Sample text in #B68D28 colour with #28B646 background colour.

#28B646 over B68D28

Sample text in #28B646 colour with #B68D28 background colour.

#B68D28 over22 #28B68D

Sample text in #B68D28 colour with #28B68D background colour.

#28B68D over B68D28

Sample text in #28B68D colour with #B68D28 background colour.

#B68D28 over22 #4628B6

Sample text in #B68D28 colour with #4628B6 background colour.

#4628B6 over B68D28

Sample text in #4628B6 colour with #B68D28 background colour.

#B68D28 over22 #4972D7

Sample text in #B68D28 colour with #4972D7 background colour.

#4972D7 over B68D28

Sample text in #4972D7 colour with #B68D28 background colour.

#B68D28 over22 #51B628

Sample text in #B68D28 colour with #51B628 background colour.

#51B628 over B68D28

Sample text in #51B628 colour with #B68D28 background colour.

#B68D28 over22 #8D28B6

Sample text in #B68D28 colour with #8D28B6 background colour.

#8D28B6 over B68D28

Sample text in #8D28B6 colour with #B68D28 background colour.

#B68D28 over22 #8DB628

Sample text in #B68D28 colour with #8DB628 background colour.

#8DB628 over B68D28

Sample text in #8DB628 colour with #B68D28 background colour.

#B68D28 over22 #8E8E8E

Sample text in #B68D28 colour with #8E8E8E background colour.

#8E8E8E over B68D28

Sample text in #8E8E8E colour with #B68D28 background colour.

#B68D28 over22 #B62851

Sample text in #B68D28 colour with #B62851 background colour.

#B62851 over B68D28

Sample text in #B62851 colour with #B68D28 background colour.

#B68D28 over22 #B6288D

Sample text in #B68D28 colour with #B6288D background colour.

#B6288D over B68D28

Sample text in #B6288D colour with #B68D28 background colour.

#B68D28 over22 #B62898

Sample text in #B68D28 colour with #B62898 background colour.

#B62898 over B68D28

Sample text in #B62898 colour with #B68D28 background colour.

#B68D28 over22 #CC9933

Sample text in #B68D28 colour with #CC9933 background colour.

#CC9933 over B68D28

Sample text in #CC9933 colour with #B68D28 background colour.