Colour code #B45F3F

#B45F3F
rgb(180, 95, 63)
rgb(70.6%, 37.3%, 24.7%)

RGB value of #B45F3F colour is rgb(180, 95, 63) where red value is 180, green value is 95 and the blue value is 63.

Max value from RGB for colour #B45F3F is 180 which contains mainly Red colour.

Cylindrical-coordinate representations (also known as HSL colours) of colour #B45F3F hue angle of 16.4°, saturation:48.1% and the lightness value is 47.6%.

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

Hex color #B45F3F is not a web safe color. Nearby web safe colour of #B45F3F is #CC6633.

Grayscale color of #B45F3F is #747474

Inverted color of #B45F3F is #4BA0C0

OLE colour (RGB Long) of #B45F3F is 4153268

Decimal Value of #B45F3F is 11820863

Android / android.graphics.Color of #B45F3F is -4956353 / 0xFFB45F3F

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

Hex Triplets
#B45F3F
RGB Decimal
rgb(180, 95, 63)
RGB Percent
rgb(70.59%, 37.25%, 24.71%)
RGBA
rgba(180, 95, 63, 1)
HSL
hsl(16.4, 48.1%, 47.6%)
HSLA
hsla(16.4, 48.1%, 47.6%, 1)

Colour spaces of #B45F3F

  • RGB is opposite of CMY. CMY colours are complementary to RGB colours.
    R = 180
    70.59%
    G = 95
    37.25%
    B = 63
    24.71%

    C = 29.41%
    0.29411764705882
    M = 62.75%
    0.62745098039216
    Y = 75.29%
    0.75294117647059
  • HSL (HSI) – hue, saturation, lightness/intensity
    H = 16.4°
    0.045584045584045
    S = 48.1%
    0.48148148148148
    L = 47.6%
    0.47647058823529
  • HSV (HSB) – hue, saturation, brightness/value
    H = 16.4°
    0.045584045584045
    S = 65%
    0.65
    V = 70.59%
    0.70588235294118
  • CMYK – cyan, magenta, yellow, key/black
    C = 0
    0
    M = 47.22
    0.47222222222222
    Y = 65
    0.65
    K = 29.41
    0.29411764705882
  • CIE – International Commission on Illumination
    CIE XYZ
    CIE 1931 XYZ colour space
    X = 23.812
    23.811803080026
    Y = 18.247
    18.246597695326
    Z = 6.97
    6.969552027547

    Yxy
    CIE (x, y, Y)
    Y = 18.247
    18.246597695326
    x = 0.486
    0.48567810236241
    y = 0.372
    0.37216723628418

    Hunter-Lab
    Hunter 1948 colour space
    L = 42.72
    42.716036444556
    a = 24.75
    24.750710531743
    b = 20.23
    20.227464223678

    CIELAB
    CIE 1976 (L*, a*, b*)
    L = 49.79
    49.793848148423
    a = 31.61
    31.607098328472
    b = 33.43
    33.433689506912

    CIELUV
    CIE 1976 (L*, u*, v*)
    L = 49.7938
    49.793848148423
    u = 65.5639
    65.56392616441
    v = 30.6808
    30.680778633111

    CIELCH
    Cylindrical representation
    L = 49.7938
    49.793848148423
    C = 46.0089
    46.008914992535
    H = 46.6087
    46.608659241491

    YIQ
    Luma In-phase Quadrature
    Y = 0.4579
    0.45790980392157
    I = 0.2389
    0.23894901960784
    Q = 0.0316
    0.031639215686275

Base Numbers

Base Red Green Blue
Binary 10110100 01011111 00111111
Octal 264 137 77
Decimal 180 95 63
Hex B4 5F 3F


Colour Harmonies : #B45F3F colour combinations

Complementary colour scheme for #B45F3F

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

Split-complementary colour scheme for #B45F3F

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 #B45F3F are calculated by changing the hue by ±5/12 (±150°): 16.4° → -133.6° (16.4°-150°), 166.4° (16.4°+150°).

Triadic colours scheme for #B45F3F

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 #B45F3F are calculated by changing the hue by ±1/3 (±120°): 16.4° → -103.6° (16.4°-120°), 136.4° (16.4°+120°).

Tetradic (Rectangle) colour scheme for #B45F3F

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 #B45F3F are calculated by changing the hue as follows : 16.4° → 136.4° (16.4°+120°), 196.4° (16.4°+180°), 316.4° (16.4°+300°).


Four tetradic scheme colours (counter-clockwise) for #B45F3F are calculated by changing the hue as follows : 16.4° → -103.6° (16.4°-120°), -163.6° (16.4°-180°), -283.6° (16.4°-300°).

Tetradic Square Colour Scheme for #B45F3F

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 #B45F3F are calculated by changing the hue by 1/4 (90°) progressively : 16.4° → 106.4° (16.4°+90°), 196.4° (16.4°+180°), 286.4° (16.4°+270°).

Analagous colours of #B45F3F

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 #B45F3F are calculated by changing the hue by ±1/12 (i.e. 30°): 16.4° → 46.4° (16.4°+30°), -13.6° (16.4°-30°).

RGB Variations of #B45F3F

(R:B4, G:5F, B:B4)

Monochromatic colours of #B45F3F

Shade Colour Variation of #B45F3F (Darker)

A shade is achieved by adding black to any pure hue

Tint Colour Variation of #B45F3F (Brighter)

Tint is created by mixing white to any pure color

Tones of #B45F3F colour with more saturation

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

Tones of #B45F3F colour with less saturation

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

#B45F3F Colour in CSS Codes


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

Text with hexadecimal font colour #B45F3F

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


#B45F3F Background Colour

This div background Colour is #B45F3F


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


#B45F3F Border Colour

This div border Colour is #B45F3F


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

CSS3 Examples


.textShadowRgb {
    text-shadow: 4px 4px 2px rgba(180, 95, 63, 0.8);
} 
.textShadowHex { 
    text-shadow: 4px 4px 2px #B45F3F;
}
.divShadow { 
    -moz-box-shadow: 1px 1px 3px 2px #B45F3F;
    -webkit-box-shadow: 1px 1px 3px 2px #B45F3F;
    box-shadow: 1px 1px 3px 2px #B45F3F;
}


Text Shadow with RGB Values

This text has shadow with rgb values.


<p style="text-shadow: 4px 4px 2px rgba(180, 95, 63, 0.8);">Text here</p>


Text Shadow with HEX Values

This text has shadow with hex values.


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


Div Box Shadow

This div box has shadow with Colour # B45F3F



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

Colour Palettes with #B45F3F

Colour Compositions

RGB % of Colour #B45F3F

CMYK % of Colour #B45F3F

Related Colours along with #B45F3F

Black background

Sample text in #B45F3F colour with black background colour.

White background

Sample text in #B45F3F colour with white background colour.

#B45F3F over22 #3F5AB4

Sample text in #B45F3F colour with #3F5AB4 background colour.

#3F5AB4 over B45F3F

Sample text in #3F5AB4 colour with #B45F3F background colour.

#B45F3F over22 #3F5FB4

Sample text in #B45F3F colour with #3F5FB4 background colour.

#3F5FB4 over B45F3F

Sample text in #3F5FB4 colour with #B45F3F background colour.

#B45F3F over22 #3F94B4

Sample text in #B45F3F colour with #3F94B4 background colour.

#3F94B4 over B45F3F

Sample text in #3F94B4 colour with #B45F3F background colour.

#B45F3F over22 #3FB45F

Sample text in #B45F3F colour with #3FB45F background colour.

#3FB45F over B45F3F

Sample text in #3FB45F colour with #B45F3F background colour.

#B45F3F over22 #3FB49A

Sample text in #B45F3F colour with #3FB49A background colour.

#3FB49A over B45F3F

Sample text in #3FB49A colour with #B45F3F background colour.

#B45F3F over22 #4BA0C0

Sample text in #B45F3F colour with #4BA0C0 background colour.

#4BA0C0 over B45F3F

Sample text in #4BA0C0 colour with #B45F3F background colour.

#B45F3F over22 #5AB43F

Sample text in #B45F3F colour with #5AB43F background colour.

#5AB43F over B45F3F

Sample text in #5AB43F colour with #B45F3F background colour.

#B45F3F over22 #5F3FB4

Sample text in #B45F3F colour with #5F3FB4 background colour.

#5F3FB4 over B45F3F

Sample text in #5F3FB4 colour with #B45F3F background colour.

#B45F3F over22 #5FB43F

Sample text in #B45F3F colour with #5FB43F background colour.

#5FB43F over B45F3F

Sample text in #5FB43F colour with #B45F3F background colour.

#B45F3F over22 #94B43F

Sample text in #B45F3F colour with #94B43F background colour.

#94B43F over B45F3F

Sample text in #94B43F colour with #B45F3F background colour.

#B45F3F over22 #9A3FB4

Sample text in #B45F3F colour with #9A3FB4 background colour.

#9A3FB4 over B45F3F

Sample text in #9A3FB4 colour with #B45F3F background colour.

#B45F3F over22 #B43F5F

Sample text in #B45F3F colour with #B43F5F background colour.

#B43F5F over B45F3F

Sample text in #B43F5F colour with #B45F3F background colour.

#B45F3F over22 #B43F94

Sample text in #B45F3F colour with #B43F94 background colour.

#B43F94 over B45F3F

Sample text in #B43F94 colour with #B45F3F background colour.

#B45F3F over22 #CC6633

Sample text in #B45F3F colour with #CC6633 background colour.

#CC6633 over B45F3F

Sample text in #CC6633 colour with #B45F3F background colour.

#B45F3F over22 #747474

Sample text in #B45F3F colour with #747474 background colour.

#747474 over B45F3F

Sample text in #747474 colour with #B45F3F background colour.