#cb5f36 hex color

In a RGB color space, hex #cb5f36 is composed of 79.6% red, 37.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.2% magenta, 73.4% yellow and 20.4% black. It has a hue angle of 16.5 degrees, a saturation of 58.9% and a lightness of 50.4%. #cb5f36 color hex could be obtained by blending #ffbe6c with #970000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 37
- B 21
RGB color chart
- C 0
- M 53
- Y 73
- K 20
CMYK color chart

● #cb5f36 color description : Moderate orange.

The hexadecimal color #cb5f36 has RGB values of R:203, G:95, B:54 and CMYK values of C:0, M:0.53, Y:0.73, K:0.2. Its decimal value is 13328182.

Hex triplet	cb5f36	`#cb5f36`
RGB Decimal	203, 95, 54	`rgb(203,95,54)`
RGB Percent	79.6, 37.3, 21.2	`rgb(79.6%,37.3%,21.2%)`
CMYK	0, 53, 73, 20
HSL	16.5°, 58.9, 50.4	`hsl(16.5,58.9%,50.4%)`
HSV (or HSB)	16.5°, 73.4, 79.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.113, 40.198, 42.949
XYZ	29.388, 21.15, 6.025
xyY	0.52, 0.374, 21.15
CIE-LCH	53.113, 58.826, 46.895
CIE-LUV	53.113, 85.944, 36.998
Hunter-Lab	45.989, 33.583, 24.425
Binary	11001011, 01011111, 00110110

#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#36a2cb
```
#36a2cb rgb(54,162,203)
```

Complementary Color

#cb3657
```
#cb3657 rgb(203,54,87)
```
#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#cbaa36
```
#cbaa36 rgb(203,170,54)
```

Analogous Color

#3657cb
```
#3657cb rgb(54,87,203)
```
#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#36cbaa
```
#36cbaa rgb(54,203,170)
```

Split Complementary Color

#5f36cb
```
#5f36cb rgb(95,54,203)
```
#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#36cb5f
```
#36cb5f rgb(54,203,95)
```

Triadic Color

#cb36a2
```
#cb36a2 rgb(203,54,162)
```
#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#36cb5f
```
#36cb5f rgb(54,203,95)
```
#36a2cb
```
#36a2cb rgb(54,162,203)
```

Tetradic Color

#8f4225
```
#8f4225 rgb(143,66,37)
```
#a44c2a
```
#a44c2a rgb(164,76,42)
```
#b85530
```
#b85530 rgb(184,85,48)
```
#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#d06f4a
```
#d06f4a rgb(208,111,74)
```
#d57f5f
```
#d57f5f rgb(213,127,95)
```
#db8f73
```
#db8f73 rgb(219,143,115)
```

Monochromatic Color

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

#cb3a36
```
#cb3a36 rgb(203,58,54)
```
#cb4636
```
#cb4636 rgb(203,70,54)
```
#cb5336
```
#cb5336 rgb(203,83,54)
```
#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#cb6b36
```
#cb6b36 rgb(203,107,54)
```
#cb7836
```
#cb7836 rgb(203,120,54)
```
#cb8436
```
#cb8436 rgb(203,132,54)
```

Similar Colors

Text with hexadecimal color #cb5f36

This text has a font color of #cb5f36.

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

#cb5f36 background color

This paragraph has a background color of #cb5f36.

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

#cb5f36 border color

This element has a border color of #cb5f36.

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

CSS codes

.text {color:#cb5f36;}

.background {background-color:#cb5f36;}

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

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, #020100 is the darkest color, while #fbf4f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#110804
```
#110804 rgb(17,8,4)
```
#210f08
```
#210f08 rgb(33,15,8)
```
#30160d
```
#30160d rgb(48,22,13)
```
#401e11
```
#401e11 rgb(64,30,17)
```
#502515
```
#502515 rgb(80,37,21)
```
#5f2c19
```
#5f2c19 rgb(95,44,25)
```
#6f331d
```
#6f331d rgb(111,51,29)
```
#7e3a21
```
#7e3a21 rgb(126,58,33)
```
#8e4225
```
#8e4225 rgb(142,66,37)
```
#9d4929
```
#9d4929 rgb(157,73,41)
```
#ad502d
```
#ad502d rgb(173,80,45)
```
#bd5731
```
#bd5731 rgb(189,87,49)
```

Shade Color Variation

#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#cf6b46
```
#cf6b46 rgb(207,107,70)
```
#d37855
```
#d37855 rgb(211,120,85)
```
#d78465
```
#d78465 rgb(215,132,101)
```
#db9174
```
#db9174 rgb(219,145,116)
```
#df9d84
```
#df9d84 rgb(223,157,132)
```
#e3a994
```
#e3a994 rgb(227,169,148)
```
#e7b6a3
```
#e7b6a3 rgb(231,182,163)
```
#ebc2b3
```
#ebc2b3 rgb(235,194,179)
```
#efcfc2
```
#efcfc2 rgb(239,207,194)
```
#f3dbd2
```
#f3dbd2 rgb(243,219,210)
```
#f7e7e1
```
#f7e7e1 rgb(247,231,225)
```
#fbf4f1
```
#fbf4f1 rgb(251,244,241)
```

Tint Color Variation

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

#877e7a
```
#877e7a rgb(135,126,122)
```
#917970
```
#917970 rgb(145,121,112)
```
#9a7567
```
#9a7567 rgb(154,117,103)
```
#a4715d
```
#a4715d rgb(164,113,93)
```
#ae6c53
```
#ae6c53 rgb(174,108,83)
```
#b86849
```
#b86849 rgb(184,104,73)
```
#c16340
```
#c16340 rgb(193,99,64)
```
#cb5f36
```
#cb5f36 rgb(203,95,54)
```
#d55b2c
```
#d55b2c rgb(213,91,44)
```
#de5623
```
#de5623 rgb(222,86,35)
```
#e85219
```
#e85219 rgb(232,82,25)
```
#f24d0f
```
#f24d0f rgb(242,77,15)
```
#fc4905
```
#fc4905 rgb(252,73,5)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8b756d Atypical Achromatopsia 0.001% of the population

Dichromacy

#928549 Protanopia 1% of men
#a47f39 Deuteranopia 1% of men
#cf6268 Tritanopia 0.001% of the population

Trichromacy

#a77742 Protanomaly 1% of men, 0.01% of women
#b27338 Deuteranomaly 6% of men, 0.4% of women
#ce6156 Tritanomaly 0.01% of the population

#cb5f36 hex color

#cb5f36 Color Information

#cb5f36 Color Conversion

Color Schemes with #cb5f36

Alternatives to #cb5f36

#cb5f36 Preview

Shades and Tints of #cb5f36

Tones of #cb5f36

Color Blindness Simulator