#cf580c hex color

In a RGB color space, hex #cf580c is composed of 81.2% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.5% magenta, 94.2% yellow and 18.8% black. It has a hue angle of 23.4 degrees, a saturation of 89% and a lightness of 42.9%. #cf580c color hex could be obtained by blending #ffb018 with #9f0000. Closest websafe color is: #cc6600.

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

● #cf580c color description : Strong orange.

The hexadecimal color #cf580c has RGB values of R:207, G:88, B:12 and CMYK values of C:0, M:0.57, Y:0.94, K:0.19. Its decimal value is 13588492.

Hex triplet	cf580c	`#cf580c`
RGB Decimal	207, 88, 12	`rgb(207,88,12)`
RGB Percent	81.2, 34.5, 4.7	`rgb(81.2%,34.5%,4.7%)`
CMYK	0, 57, 94, 19
HSL	23.4°, 89, 42.9	`hsl(23.4,89%,42.9%)`
HSV (or HSB)	23.4°, 94.2, 81.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.146, 43.99, 59.036
XYZ	29.289, 20.274, 2.719
xyY	0.56, 0.388, 20.274
CIE-LCH	52.146, 73.623, 53.309
CIE-LUV	52.146, 98.408, 44.663
Hunter-Lab	45.027, 37.314, 27.939
Binary	11001111, 01011000, 00001100

#cf580c
```
#cf580c rgb(207,88,12)
```
#0c83cf
```
#0c83cf rgb(12,131,207)
```

Complementary Color

#cf0c22
```
#cf0c22 rgb(207,12,34)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#cfba0c
```
#cfba0c rgb(207,186,12)
```

Analogous Color

#0c22cf
```
#0c22cf rgb(12,34,207)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#0ccfba
```
#0ccfba rgb(12,207,186)
```

Split Complementary Color

#580ccf
```
#580ccf rgb(88,12,207)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#0ccf58
```
#0ccf58 rgb(12,207,88)
```

Triadic Color

#cf0c83
```
#cf0c83 rgb(207,12,131)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#0ccf58
```
#0ccf58 rgb(12,207,88)
```
#0c83cf
```
#0c83cf rgb(12,131,207)
```

Tetradic Color

#873908
```
#873908 rgb(135,57,8)
```
#9f4409
```
#9f4409 rgb(159,68,9)
```
#b74e0b
```
#b74e0b rgb(183,78,11)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#e7620d
```
#e7620d rgb(231,98,13)
```
#f26f1c
```
#f26f1c rgb(242,111,28)
```
#f37f34
```
#f37f34 rgb(243,127,52)
```

Monochromatic Color

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

#cf270c
```
#cf270c rgb(207,39,12)
```
#cf380c
```
#cf380c rgb(207,56,12)
```
#cf480c
```
#cf480c rgb(207,72,12)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#cf680c
```
#cf680c rgb(207,104,12)
```
#cf790c
```
#cf790c rgb(207,121,12)
```
#cf890c
```
#cf890c rgb(207,137,12)
```

Similar Colors

Text with hexadecimal color #cf580c

This text has a font color of #cf580c.

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

#cf580c background color

This paragraph has a background color of #cf580c.

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

#cf580c border color

This element has a border color of #cf580c.

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

CSS codes

.text {color:#cf580c;}

.background {background-color:#cf580c;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160901
```
#160901 rgb(22,9,1)
```
#281102
```
#281102 rgb(40,17,2)
```
#3b1903
```
#3b1903 rgb(59,25,3)
```
#4d2104
```
#4d2104 rgb(77,33,4)
```
#602906
```
#602906 rgb(96,41,6)
```
#723107
```
#723107 rgb(114,49,7)
```
#853808
```
#853808 rgb(133,56,8)
```
#974009
```
#974009 rgb(151,64,9)
```
#aa480a
```
#aa480a rgb(170,72,10)
```
#bc500b
```
#bc500b rgb(188,80,11)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#e2600d
```
#e2600d rgb(226,96,13)
```

Shade Color Variation

#f16811
```
#f16811 rgb(241,104,17)
```
#f27424
```
#f27424 rgb(242,116,36)
```
#f38036
```
#f38036 rgb(243,128,54)
```
#f48c49
```
#f48c49 rgb(244,140,73)
```
#f6975b
```
#f6975b rgb(246,151,91)
```
#f7a36e
```
#f7a36e rgb(247,163,110)
```
#f8af80
```
#f8af80 rgb(248,175,128)
```
#f9bb93
```
#f9bb93 rgb(249,187,147)
```
#fac6a5
```
#fac6a5 rgb(250,198,165)
```
#fbd2b8
```
#fbd2b8 rgb(251,210,184)
```
#fcdeca
```
#fcdeca rgb(252,222,202)
```
#fde9dd
```
#fde9dd rgb(253,233,221)
```
#fef5f0
```
#fef5f0 rgb(254,245,240)
```

Tint Color Variation

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

#726c69
```
#726c69 rgb(114,108,105)
```
#7b6b60
```
#7b6b60 rgb(123,107,96)
```
#836958
```
#836958 rgb(131,105,88)
```
#8c674f
```
#8c674f rgb(140,103,79)
```
#946547
```
#946547 rgb(148,101,71)
```
#9c633f
```
#9c633f rgb(156,99,63)
```
#a56136
```
#a56136 rgb(165,97,54)
```
#ad5f2e
```
#ad5f2e rgb(173,95,46)
```
#b65e25
```
#b65e25 rgb(182,94,37)
```
#be5c1d
```
#be5c1d rgb(190,92,29)
```
#c75a14
```
#c75a14 rgb(199,90,20)
```
#cf580c
```
#cf580c rgb(207,88,12)
```
#d75604
```
#d75604 rgb(215,86,4)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#856e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#928321 Protanopia 1% of men
#a47c00 Deuteranopia 1% of men
#d35a5f Tritanopia 0.001% of the population

Trichromacy

#a87319 Protanomaly 1% of men, 0.01% of women
#b36f04 Deuteranomaly 6% of men, 0.4% of women
#d25941 Tritanomaly 0.01% of the population

#cf580c hex color

#cf580c Color Information

#cf580c Color Conversion

Color Schemes with #cf580c

Alternatives to #cf580c

#cf580c Preview

Shades and Tints of #cf580c

Tones of #cf580c

Color Blindness Simulator