#b8552f hex color

In a RGB color space, hex #b8552f is composed of 72.2% red, 33.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.8% magenta, 74.5% yellow and 27.8% black. It has a hue angle of 16.6 degrees, a saturation of 59.3% and a lightness of 45.3%. #b8552f color hex could be obtained by blending #ffaa5e with #710000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 33
- B 18
RGB color chart
- C 0
- M 54
- Y 74
- K 28
CMYK color chart

● #b8552f color description : Moderate orange.

The hexadecimal color #b8552f has RGB values of R:184, G:85, B:47 and CMYK values of C:0, M:0.54, Y:0.74, K:0.28. Its decimal value is 12080431.

Hex triplet	b8552f	`#b8552f`
RGB Decimal	184, 85, 47	`rgb(184,85,47)`
RGB Percent	72.2, 33.3, 18.4	`rgb(72.2%,33.3%,18.4%)`
CMYK	0, 54, 74, 28
HSL	16.6°, 59.3, 45.3	`hsl(16.6,59.3%,45.3%)`
HSV (or HSB)	16.6°, 74.5, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.127, 37.541, 40.351
XYZ	23.53, 16.895, 4.711
xyY	0.521, 0.374, 16.895
CIE-LCH	48.127, 55.114, 47.066
CIE-LUV	48.127, 78.517, 33.805
Hunter-Lab	41.103, 30.252, 21.977
Binary	10111000, 01010101, 00101111

#b8552f
```
#b8552f rgb(184,85,47)
```
#2f92b8
```
#2f92b8 rgb(47,146,184)
```

Complementary Color

#b82f4d
```
#b82f4d rgb(184,47,77)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#b89a2f
```
#b89a2f rgb(184,154,47)
```

Analogous Color

#2f4db8
```
#2f4db8 rgb(47,77,184)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#2fb89a
```
#2fb89a rgb(47,184,154)
```

Split Complementary Color

#552fb8
```
#552fb8 rgb(85,47,184)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#2fb855
```
#2fb855 rgb(47,184,85)
```

Triadic Color

#b82f92
```
#b82f92 rgb(184,47,146)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#2fb855
```
#2fb855 rgb(47,184,85)
```
#2f92b8
```
#2f92b8 rgb(47,146,184)
```

Tetradic Color

#7b391f
```
#7b391f rgb(123,57,31)
```
#8f4225
```
#8f4225 rgb(143,66,37)
```
#a44c2a
```
#a44c2a rgb(164,76,42)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#cb5f35
```
#cb5f35 rgb(203,95,53)
```
#d16f49
```
#d16f49 rgb(209,111,73)
```
#d67f5e
```
#d67f5e rgb(214,127,94)
```

Monochromatic Color

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

#b8332f
```
#b8332f rgb(184,51,47)
```
#b83e2f
```
#b83e2f rgb(184,62,47)
```
#b84a2f
```
#b84a2f rgb(184,74,47)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#b8602f
```
#b8602f rgb(184,96,47)
```
#b86c2f
```
#b86c2f rgb(184,108,47)
```
#b8772f
```
#b8772f rgb(184,119,47)
```

Similar Colors

Text with hexadecimal color #b8552f

This text has a font color of #b8552f.

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

#b8552f background color

This paragraph has a background color of #b8552f.

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

#b8552f border color

This element has a border color of #b8552f.

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

CSS codes

.text {color:#b8552f;}

.background {background-color:#b8552f;}

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

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, #0c0603 is the darkest color, while #fefcfc is the lightest one.

#0c0603
```
#0c0603 rgb(12,6,3)
```
#1c0d07
```
#1c0d07 rgb(28,13,7)
```
#2b140b
```
#2b140b rgb(43,20,11)
```
#3b1b0f
```
#3b1b0f rgb(59,27,15)
```
#4b2213
```
#4b2213 rgb(75,34,19)
```
#5a2a17
```
#5a2a17 rgb(90,42,23)
```
#6a311b
```
#6a311b rgb(106,49,27)
```
#7a381f
```
#7a381f rgb(122,56,31)
```
#893f23
```
#893f23 rgb(137,63,35)
```
#994727
```
#994727 rgb(153,71,39)
```
#a84e2b
```
#a84e2b rgb(168,78,43)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#c85c33
```
#c85c33 rgb(200,92,51)
```

Shade Color Variation

#ce6740
```
#ce6740 rgb(206,103,64)
```
#d27450
```
#d27450 rgb(210,116,80)
```
#d6805f
```
#d6805f rgb(214,128,95)
```
#da8d6f
```
#da8d6f rgb(218,141,111)
```
#de997f
```
#de997f rgb(222,153,127)
```
#e2a58e
```
#e2a58e rgb(226,165,142)
```
#e6b29e
```
#e6b29e rgb(230,178,158)
```
#eabead
```
#eabead rgb(234,190,173)
```
#eecbbd
```
#eecbbd rgb(238,203,189)
```
#f2d7cd
```
#f2d7cd rgb(242,215,205)
```
#f6e3dc
```
#f6e3dc rgb(246,227,220)
```
#faf0ec
```
#faf0ec rgb(250,240,236)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7a716d
```
#7a716d rgb(122,113,109)
```
#836d64
```
#836d64 rgb(131,109,100)
```
#8c695b
```
#8c695b rgb(140,105,91)
```
#946553
```
#946553 rgb(148,101,83)
```
#9d614a
```
#9d614a rgb(157,97,74)
```
#a65d41
```
#a65d41 rgb(166,93,65)
```
#af5938
```
#af5938 rgb(175,89,56)
```
#b8552f
```
#b8552f rgb(184,85,47)
```
#c15126
```
#c15126 rgb(193,81,38)
```
#ca4d1d
```
#ca4d1d rgb(202,77,29)
```
#d34914
```
#d34914 rgb(211,73,20)
```
#dc450b
```
#dc450b rgb(220,69,11)
```
#e44103
```
#e44103 rgb(228,65,3)
```

Tone Color Variation

Below, you can see how #b8552f 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

#6e6e6e Achromatopsia 0.005% of the population
#7d6961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857942 Protanopia 1% of men
#957333 Deuteranopia 1% of men
#bd595e Tritanopia 0.001% of the population

Trichromacy

#976c3b Protanomaly 1% of men, 0.01% of women
#a26831 Deuteranomaly 6% of men, 0.4% of women
#bb574d Tritanomaly 0.01% of the population

#b8552f hex color

#b8552f Color Information

#b8552f Color Conversion

Color Schemes with #b8552f

Alternatives to #b8552f

#b8552f Preview

Shades and Tints of #b8552f

Tones of #b8552f

Color Blindness Simulator