#cf5a1f hex color

In a RGB color space, hex #cf5a1f is composed of 81.2% red, 35.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 85% yellow and 18.8% black. It has a hue angle of 20.1 degrees, a saturation of 73.9% and a lightness of 46.7%. #cf5a1f color hex could be obtained by blending #ffb43e with #9f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 81
- G 35
- B 12
RGB color chart
- C 0
- M 57
- Y 85
- K 19
CMYK color chart

● #cf5a1f color description : Strong orange.

The hexadecimal color #cf5a1f has RGB values of R:207, G:90, B:31 and CMYK values of C:0, M:0.57, Y:0.85, K:0.19. Its decimal value is 13589023.

Hex triplet	cf5a1f	`#cf5a1f`
RGB Decimal	207, 90, 31	`rgb(207,90,31)`
RGB Percent	81.2, 35.3, 12.2	`rgb(81.2%,35.3%,12.2%)`
CMYK	0, 57, 85, 19
HSL	20.1°, 73.9, 46.7	`hsl(20.1,73.9%,46.7%)`
HSV (or HSB)	20.1°, 85, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.597, 43.376, 53.332
XYZ	29.637, 20.68, 3.727
xyY	0.548, 0.383, 20.68
CIE-LCH	52.597, 68.744, 50.878
CIE-LUV	52.597, 95.651, 42.319
Hunter-Lab	45.475, 36.751, 26.973
Binary	11001111, 01011010, 00011111

#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#1f94cf
```
#1f94cf rgb(31,148,207)
```

Complementary Color

#cf1f3c
```
#cf1f3c rgb(207,31,60)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#cfb21f
```
#cfb21f rgb(207,178,31)
```

Analogous Color

#1f3ccf
```
#1f3ccf rgb(31,60,207)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#1fcfb2
```
#1fcfb2 rgb(31,207,178)
```

Split Complementary Color

#5a1fcf
```
#5a1fcf rgb(90,31,207)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#1fcf5a
```
#1fcf5a rgb(31,207,90)
```

Triadic Color

#cf1f94
```
#cf1f94 rgb(207,31,148)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#1fcf5a
```
#1fcf5a rgb(31,207,90)
```
#1f94cf
```
#1f94cf rgb(31,148,207)
```

Tetradic Color

#8c3d15
```
#8c3d15 rgb(140,61,21)
```
#a34718
```
#a34718 rgb(163,71,24)
```
#b9501c
```
#b9501c rgb(185,80,28)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#df6629
```
#df6629 rgb(223,102,41)
```
#e2763f
```
#e2763f rgb(226,118,63)
```
#e68555
```
#e68555 rgb(230,133,85)
```

Monochromatic Color

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

#cf2e1f
```
#cf2e1f rgb(207,46,31)
```
#cf3d1f
```
#cf3d1f rgb(207,61,31)
```
#cf4b1f
```
#cf4b1f rgb(207,75,31)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#cf691f
```
#cf691f rgb(207,105,31)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#cf861f
```
#cf861f rgb(207,134,31)
```

Similar Colors

Text with hexadecimal color #cf5a1f

This text has a font color of #cf5a1f.

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

#cf5a1f background color

This paragraph has a background color of #cf5a1f.

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

#cf5a1f border color

This element has a border color of #cf5a1f.

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

CSS codes

.text {color:#cf5a1f;}

.background {background-color:#cf5a1f;}

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

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 #fdf4f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#130803
```
#130803 rgb(19,8,3)
```
#241005
```
#241005 rgb(36,16,5)
```
#351708
```
#351708 rgb(53,23,8)
```
#471f0b
```
#471f0b rgb(71,31,11)
```
#58260d
```
#58260d rgb(88,38,13)
```
#692d10
```
#692d10 rgb(105,45,16)
```
#7a3512
```
#7a3512 rgb(122,53,18)
```
#8b3c15
```
#8b3c15 rgb(139,60,21)
```
#9c4417
```
#9c4417 rgb(156,68,23)
```
#ad4b1a
```
#ad4b1a rgb(173,75,26)
```
#be531c
```
#be531c rgb(190,83,28)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```

Shade Color Variation

#de6223
```
#de6223 rgb(222,98,35)
```
#e16e35
```
#e16e35 rgb(225,110,53)
```
#e37a46
```
#e37a46 rgb(227,122,70)
```
#e68757
```
#e68757 rgb(230,135,87)
```
#e89368
```
#e89368 rgb(232,147,104)
```
#eb9f79
```
#eb9f79 rgb(235,159,121)
```
#edab8a
```
#edab8a rgb(237,171,138)
```
#f0b79b
```
#f0b79b rgb(240,183,155)
```
#f3c4ac
```
#f3c4ac rgb(243,196,172)
```
#f5d0bd
```
#f5d0bd rgb(245,208,189)
```
#f8dcce
```
#f8dcce rgb(248,220,206)
```
#fae8df
```
#fae8df rgb(250,232,223)
```
#fdf4f0
```
#fdf4f0 rgb(253,244,240)
```

Tint Color Variation

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

#7d7571
```
#7d7571 rgb(125,117,113)
```
#867268
```
#867268 rgb(134,114,104)
```
#8f6f5f
```
#8f6f5f rgb(143,111,95)
```
#986c56
```
#986c56 rgb(152,108,86)
```
#a1694d
```
#a1694d rgb(161,105,77)
```
#aa6644
```
#aa6644 rgb(170,102,68)
```
#b4633a
```
#b4633a rgb(180,99,58)
```
#bd6031
```
#bd6031 rgb(189,96,49)
```
#c65d28
```
#c65d28 rgb(198,93,40)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#d85716
```
#d85716 rgb(216,87,22)
```
#e1540d
```
#e1540d rgb(225,84,13)
```
#ea5104
```
#ea5104 rgb(234,81,4)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#887065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938433 Protanopia 1% of men
#a57d1d Deuteranopia 1% of men
#d35c62 Tritanopia 0.001% of the population

Trichromacy

#a8752b Protanomaly 1% of men, 0.01% of women
#b4701e Deuteranomaly 6% of men, 0.4% of women
#d15b49 Tritanomaly 0.01% of the population

#cf5a1f hex color

#cf5a1f Color Information

#cf5a1f Color Conversion

Color Schemes with #cf5a1f

Alternatives to #cf5a1f

#cf5a1f Preview

Shades and Tints of #cf5a1f

Tones of #cf5a1f

Color Blindness Simulator