#b2814f hex color

In a RGB color space, hex #b2814f is composed of 69.8% red, 50.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 55.6% yellow and 30.2% black. It has a hue angle of 30.3 degrees, a saturation of 39.1% and a lightness of 50.4%. #b2814f color hex could be obtained by blending #ffff9e with #650300. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 51
- B 31
RGB color chart
- C 0
- M 28
- Y 56
- K 30
CMYK color chart

● #b2814f color description : Dark moderate orange.

The hexadecimal color #b2814f has RGB values of R:178, G:129, B:79 and CMYK values of C:0, M:0.28, Y:0.56, K:0.3. Its decimal value is 11698511.

Hex triplet	b2814f	`#b2814f`
RGB Decimal	178, 129, 79	`rgb(178,129,79)`
RGB Percent	69.8, 50.6, 31	`rgb(69.8%,50.6%,31%)`
CMYK	0, 28, 56, 30
HSL	30.3°, 39.1, 50.4	`hsl(30.3,39.1%,50.4%)`
HSV (or HSB)	30.3°, 55.6, 69.8
Web Safe	999966	`#999966`

CIE-LAB	57.781, 13.166, 34.32
XYZ	27.622, 25.731, 10.909
xyY	0.43, 0.4, 25.731
CIE-LCH	57.781, 36.759, 69.012
CIE-LUV	57.781, 37.343, 37.961
Hunter-Lab	50.726, 8.428, 22.758
Binary	10110010, 10000001, 01001111

#b2814f
```
#b2814f rgb(178,129,79)
```
#4f80b2
```
#4f80b2 rgb(79,128,178)
```

Complementary Color

#b2504f
```
#b2504f rgb(178,80,79)
```
#b2814f
```
#b2814f rgb(178,129,79)
```
#b2b24f
```
#b2b24f rgb(178,178,79)
```

Analogous Color

#4f4fb2
```
#4f4fb2 rgb(79,79,178)
```
#b2814f
```
#b2814f rgb(178,129,79)
```
#4fb2b2
```
#4fb2b2 rgb(79,178,178)
```

Split Complementary Color

#814fb2
```
#814fb2 rgb(129,79,178)
```
#b2814f
```
#b2814f rgb(178,129,79)
```
#4fb281
```
#4fb281 rgb(79,178,129)
```

Triadic Color

#b24f80
```
#b24f80 rgb(178,79,128)
```
#b2814f
```
#b2814f rgb(178,129,79)
```
#4fb281
```
#4fb281 rgb(79,178,129)
```
#4f80b2
```
#4f80b2 rgb(79,128,178)
```

Tetradic Color

#7e5b37
```
#7e5b37 rgb(126,91,55)
```
#8f673f
```
#8f673f rgb(143,103,63)
```
#a17446
```
#a17446 rgb(161,116,70)
```
#b2814f
```
#b2814f rgb(178,129,79)
```
#ba8e61
```
#ba8e61 rgb(186,142,97)
```
#c29a72
```
#c29a72 rgb(194,154,114)
```
#c9a784
```
#c9a784 rgb(201,167,132)
```

Monochromatic Color

Below, you can see some colors close to #b2814f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b2684f
```
#b2684f rgb(178,104,79)
```
#b2714f
```
#b2714f rgb(178,113,79)
```
#b2794f
```
#b2794f rgb(178,121,79)
```
#b2814f
```
#b2814f rgb(178,129,79)
```
#b2894f
```
#b2894f rgb(178,137,79)
```
#b2924f
```
#b2924f rgb(178,146,79)
```
#b29a4f
```
#b29a4f rgb(178,154,79)
```

Similar Colors

Text with hexadecimal color #b2814f

This text has a font color of #b2814f.

<span style="color:#b2814f;">Text here</span>

#b2814f background color

This paragraph has a background color of #b2814f.

<p style="background-color:#b2814f;">Content here</p>

#b2814f border color

This element has a border color of #b2814f.

<div style="border:1px solid #b2814f;">Content here</div>

CSS codes

.text {color:#b2814f;}

.background {background-color:#b2814f;}

.border {border:1px solid #b2814f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010101 is the darkest color, while #faf6f3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0f0b07
```
#0f0b07 rgb(15,11,7)
```
#1d150d
```
#1d150d rgb(29,21,13)
```
#2a1f13
```
#2a1f13 rgb(42,31,19)
```
#382818
```
#382818 rgb(56,40,24)
```
#46321e
```
#46321e rgb(70,50,30)
```
#533c24
```
#533c24 rgb(83,60,36)
```
#61462a
```
#61462a rgb(97,70,42)
```
#6f5030
```
#6f5030 rgb(111,80,48)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#8a633c
```
#8a633c rgb(138,99,60)
```
#976d42
```
#976d42 rgb(151,109,66)
```
#a57748
```
#a57748 rgb(165,119,72)
```

Shade Color Variation

#b2814f
```
#b2814f rgb(178,129,79)
```
#b88b5d
```
#b88b5d rgb(184,139,93)
```
#be956a
```
#be956a rgb(190,149,106)
```
#c49e78
```
#c49e78 rgb(196,158,120)
```
#caa886
```
#caa886 rgb(202,168,134)
```
#d0b293
```
#d0b293 rgb(208,178,147)
```
#d6bca1
```
#d6bca1 rgb(214,188,161)
```
#dcc5af
```
#dcc5af rgb(220,197,175)
```
#e2cfbc
```
#e2cfbc rgb(226,207,188)
```
#e8d9ca
```
#e8d9ca rgb(232,217,202)
```
#eee3d7
```
#eee3d7 rgb(238,227,215)
```
#f4ece5
```
#f4ece5 rgb(244,236,229)
```
#faf6f3
```
#faf6f3 rgb(250,246,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818180 is the less saturated color, while #f6820b is the most saturated one.

#818180
```
#818180 rgb(129,129,128)
```
#8b8176
```
#8b8176 rgb(139,129,118)
```
#95816c
```
#95816c rgb(149,129,108)
```
#9f8162
```
#9f8162 rgb(159,129,98)
```
#a88159
```
#a88159 rgb(168,129,89)
```
#b2814f
```
#b2814f rgb(178,129,79)
```
#bc8145
```
#bc8145 rgb(188,129,69)
```
#c5813c
```
#c5813c rgb(197,129,60)
```
#cf8132
```
#cf8132 rgb(207,129,50)
```
#d98128
```
#d98128 rgb(217,129,40)
```
#e3811e
```
#e3811e rgb(227,129,30)
```
#ec8215
```
#ec8215 rgb(236,130,21)
```
#f6820b
```
#f6820b rgb(246,130,11)
```

Tone Color Variation

Below, you can see how #b2814f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#8a8a8a Achromatopsia 0.005% of the population
#92887e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d905b Protanopia 1% of men
#ae8a57 Deuteranopia 1% of men
#ba818a Tritanopia 0.001% of the population

Trichromacy

#a58b56 Protanomaly 1% of men, 0.01% of women
#b08754 Deuteranomaly 6% of men, 0.4% of women
#b78174 Tritanomaly 0.01% of the population

#b2814f hex color

#b2814f Color Information

#b2814f Color Conversion

Color Schemes with #b2814f

Alternatives to #b2814f

#b2814f Preview

Shades and Tints of #b2814f

Tones of #b2814f

Color Blindness Simulator