colorhexa.com

#cf5f33 hex color

In a RGB color space, hex #cf5f33 is composed of 81.2% red, 37.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.1% magenta, 75.4% yellow and 18.8% black. It has a hue angle of 16.9 degrees, a saturation of 61.9% and a lightness of 50.6%. #cf5f33 color hex could be obtained by blending #ffbe66 with #9f0000. Closest websafe color is: #cc6633.

- R 81
- G 37
- B 20
RGB color chart
- C 0
- M 54
- Y 75
- K 19
CMYK color chart

● #cf5f33 color description : Strong orange.

The hexadecimal color #cf5f33 has RGB values of R:207, G:95, B:51 and CMYK values of C:0, M:0.54, Y:0.75, K:0.19. Its decimal value is 13590323.

Hex triplet	cf5f33	`#cf5f33`
RGB Decimal	207, 95, 51	`rgb(207,95,51)`
RGB Percent	81.2, 37.3, 20	`rgb(81.2%,37.3%,20%)`
CMYK	0, 54, 75, 19
HSL	16.9°, 61.9, 50.6	`hsl(16.9,61.9%,50.6%)`
HSV (or HSB)	16.9°, 75.4, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.698, 41.601, 45.28
XYZ	30.423, 21.692, 5.717
xyY	0.526, 0.375, 21.692
CIE-LCH	53.698, 61.489, 47.425
CIE-LUV	53.698, 89.673, 38.484
Hunter-Lab	46.574, 35.093, 25.325
Binary	11001111, 01011111, 00110011

#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#33a3cf
```
#33a3cf rgb(51,163,207)
```

Complementary Color

#cf3355
```
#cf3355 rgb(207,51,85)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#cfad33
```
#cfad33 rgb(207,173,51)
```

Analogous Color

#3355cf
```
#3355cf rgb(51,85,207)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#33cfad
```
#33cfad rgb(51,207,173)
```

Split Complementary Color

#5f33cf
```
#5f33cf rgb(95,51,207)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#33cf5f
```
#33cf5f rgb(51,207,95)
```

Triadic Color

#cf33a3
```
#cf33a3 rgb(207,51,163)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#33cf5f
```
#33cf5f rgb(51,207,95)
```
#33a3cf
```
#33a3cf rgb(51,163,207)
```

Tetradic Color

#934223
```
#934223 rgb(147,66,35)
```
#a84c27
```
#a84c27 rgb(168,76,39)
```
#bc552c
```
#bc552c rgb(188,85,44)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#d46f48
```
#d46f48 rgb(212,111,72)
```
#d97f5c
```
#d97f5c rgb(217,127,92)
```
#de9071
```
#de9071 rgb(222,144,113)
```

Monochromatic Color

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

#cf3833
```
#cf3833 rgb(207,56,51)
```
#cf4533
```
#cf4533 rgb(207,69,51)
```
#cf5233
```
#cf5233 rgb(207,82,51)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#cf6c33
```
#cf6c33 rgb(207,108,51)
```
#cf7933
```
#cf7933 rgb(207,121,51)
```
#cf8633
```
#cf8633 rgb(207,134,51)
```

Similar Colors

Text with hexadecimal color #cf5f33

This text has a font color of #cf5f33.

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

#cf5f33 background color

This paragraph has a background color of #cf5f33.

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

#cf5f33 border color

This element has a border color of #cf5f33.

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

CSS codes

.text {color:#cf5f33;}

.background {background-color:#cf5f33;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120804
```
#120804 rgb(18,8,4)
```
#220f08
```
#220f08 rgb(34,15,8)
```
#32170c
```
#32170c rgb(50,23,12)
```
#421e10
```
#421e10 rgb(66,30,16)
```
#522513
```
#522513 rgb(82,37,19)
```
#622c17
```
#622c17 rgb(98,44,23)
```
#72331b
```
#72331b rgb(114,51,27)
```
#813a1e
```
#813a1e rgb(129,58,30)
```
#914222
```
#914222 rgb(145,66,34)
```
#a14926
```
#a14926 rgb(161,73,38)
```
#b1502a
```
#b1502a rgb(177,80,42)
```
#c1572d
```
#c1572d rgb(193,87,45)
```

Shade Color Variation

#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#d36b43
```
#d36b43 rgb(211,107,67)
```
#d67853
```
#d67853 rgb(214,120,83)
```
#da8463
```
#da8463 rgb(218,132,99)
```
#de9173
```
#de9173 rgb(222,145,115)
```
#e29d82
```
#e29d82 rgb(226,157,130)
```
#e5aa92
```
#e5aa92 rgb(229,170,146)
```
#e9b6a2
```
#e9b6a2 rgb(233,182,162)
```
#edc3b2
```
#edc3b2 rgb(237,195,178)
```
#f1cfc2
```
#f1cfc2 rgb(241,207,194)
```
#f4dcd2
```
#f4dcd2 rgb(244,220,210)
```
#f8e8e2
```
#f8e8e2 rgb(248,232,226)
```
#fcf4f2
```
#fcf4f2 rgb(252,244,242)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#8b7d77
```
#8b7d77 rgb(139,125,119)
```
#95786d
```
#95786d rgb(149,120,109)
```
#9f7463
```
#9f7463 rgb(159,116,99)
```
#a8705a
```
#a8705a rgb(168,112,90)
```
#b26c50
```
#b26c50 rgb(178,108,80)
```
#bc6746
```
#bc6746 rgb(188,103,70)
```
#c5633d
```
#c5633d rgb(197,99,61)
```
#cf5f33
```
#cf5f33 rgb(207,95,51)
```
#d95b29
```
#d95b29 rgb(217,91,41)
```
#e25720
```
#e25720 rgb(226,87,32)
```
#ec5216
```
#ec5216 rgb(236,82,22)
```
#f64e0c
```
#f64e0c rgb(246,78,12)
```

Tone Color Variation

Below, you can see how #cf5f33 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
#8c756d Atypical Achromatopsia 0.001% of the population

Dichromacy

#948746 Protanopia 1% of men
#a68035 Deuteranopia 1% of men
#d36268 Tritanopia 0.001% of the population

Trichromacy

#a9783f Protanomaly 1% of men, 0.01% of women
#b57434 Deuteranomaly 6% of men, 0.4% of women
#d16154 Tritanomaly 0.01% of the population