#cf680f hex color

In a RGB color space, hex #cf680f is composed of 81.2% red, 40.8% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.8% magenta, 92.8% yellow and 18.8% black. It has a hue angle of 27.8 degrees, a saturation of 86.5% and a lightness of 43.5%. #cf680f color hex could be obtained by blending #ffd01e with #9f0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 81
- G 41
- B 6
RGB color chart
- C 0
- M 50
- Y 93
- K 19
CMYK color chart

● #cf680f color description : Strong orange.

The hexadecimal color #cf680f has RGB values of R:207, G:104, B:15 and CMYK values of C:0, M:0.5, Y:0.93, K:0.19. Its decimal value is 13592591.

Hex triplet	cf680f	`#cf680f`
RGB Decimal	207, 104, 15	`rgb(207,104,15)`
RGB Percent	81.2, 40.8, 5.9	`rgb(81.2%,40.8%,5.9%)`
CMYK	0, 50, 93, 19
HSL	27.8°, 86.5, 43.5	`hsl(27.8,86.5%,43.5%)`
HSV (or HSB)	27.8°, 92.8, 81.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.281, 36.073, 60.477
XYZ	30.77, 23.203, 3.31
xyY	0.537, 0.405, 23.203
CIE-LCH	55.281, 70.419, 59.185
CIE-LUV	55.281, 85.349, 49.477
Hunter-Lab	48.17, 29.724, 29.644
Binary	11001111, 01101000, 00001111

#cf680f
```
#cf680f rgb(207,104,15)
```
#0f76cf
```
#0f76cf rgb(15,118,207)
```

Complementary Color

#cf0f16
```
#cf0f16 rgb(207,15,22)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#cfc80f
```
#cfc80f rgb(207,200,15)
```

Analogous Color

#0f16cf
```
#0f16cf rgb(15,22,207)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#0fcfc8
```
#0fcfc8 rgb(15,207,200)
```

Split Complementary Color

#680fcf
```
#680fcf rgb(104,15,207)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#0fcf68
```
#0fcf68 rgb(15,207,104)
```

Triadic Color

#cf0f76
```
#cf0f76 rgb(207,15,118)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#0fcf68
```
#0fcf68 rgb(15,207,104)
```
#0f76cf
```
#0f76cf rgb(15,118,207)
```

Tetradic Color

#88440a
```
#88440a rgb(136,68,10)
```
#9f500c
```
#9f500c rgb(159,80,12)
```
#b75c0d
```
#b75c0d rgb(183,92,13)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#e77411
```
#e77411 rgb(231,116,17)
```
#ef8122
```
#ef8122 rgb(239,129,34)
```
#f18f3a
```
#f18f3a rgb(241,143,58)
```

Monochromatic Color

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

#cf380f
```
#cf380f rgb(207,56,15)
```
#cf480f
```
#cf480f rgb(207,72,15)
```
#cf580f
```
#cf580f rgb(207,88,15)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#cf780f
```
#cf780f rgb(207,120,15)
```
#cf880f
```
#cf880f rgb(207,136,15)
```
#cf980f
```
#cf980f rgb(207,152,15)
```

Similar Colors

Text with hexadecimal color #cf680f

This text has a font color of #cf680f.

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

#cf680f background color

This paragraph has a background color of #cf680f.

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

#cf680f border color

This element has a border color of #cf680f.

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

CSS codes

.text {color:#cf680f;}

.background {background-color:#cf680f;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#180c02
```
#180c02 rgb(24,12,2)
```
#2a1503
```
#2a1503 rgb(42,21,3)
```
#3d1e04
```
#3d1e04 rgb(61,30,4)
```
#4f2806
```
#4f2806 rgb(79,40,6)
```
#613107
```
#613107 rgb(97,49,7)
```
#743a08
```
#743a08 rgb(116,58,8)
```
#86430a
```
#86430a rgb(134,67,10)
```
#984c0b
```
#984c0b rgb(152,76,11)
```
#aa560c
```
#aa560c rgb(170,86,12)
```
#bd5f0e
```
#bd5f0e rgb(189,95,14)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#e17110
```
#e17110 rgb(225,113,16)
```

Shade Color Variation

#ee7b17
```
#ee7b17 rgb(238,123,23)
```
#f08529
```
#f08529 rgb(240,133,41)
```
#f1903c
```
#f1903c rgb(241,144,60)
```
#f29a4e
```
#f29a4e rgb(242,154,78)
```
#f3a460
```
#f3a460 rgb(243,164,96)
```
#f5af72
```
#f5af72 rgb(245,175,114)
```
#f6b985
```
#f6b985 rgb(246,185,133)
```
#f7c497
```
#f7c497 rgb(247,196,151)
```
#f9cea9
```
#f9cea9 rgb(249,206,169)
```
#fad9bc
```
#fad9bc rgb(250,217,188)
```
#fbe3ce
```
#fbe3ce rgb(251,227,206)
```
#fdede0
```
#fdede0 rgb(253,237,224)
```
#fef8f3
```
#fef8f3 rgb(254,248,243)
```

Tint Color Variation

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

#716f6d
```
#716f6d rgb(113,111,109)
```
#7a6e64
```
#7a6e64 rgb(122,110,100)
```
#826e5c
```
#826e5c rgb(130,110,92)
```
#8b6d53
```
#8b6d53 rgb(139,109,83)
```
#936c4b
```
#936c4b rgb(147,108,75)
```
#9c6c42
```
#9c6c42 rgb(156,108,66)
```
#a46b3a
```
#a46b3a rgb(164,107,58)
```
#ad6a31
```
#ad6a31 rgb(173,106,49)
```
#b56a29
```
#b56a29 rgb(181,106,41)
```
#be6920
```
#be6920 rgb(190,105,32)
```
#c66918
```
#c66918 rgb(198,105,24)
```
#cf680f
```
#cf680f rgb(207,104,15)
```
#d86706
```
#d86706 rgb(216,103,6)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8d7967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b22 Protanopia 1% of men
#ad8400 Deuteranopia 1% of men
#d4686f Tritanopia 0.001% of the population

Trichromacy

#ae7e1b Protanomaly 1% of men, 0.01% of women
#b97905 Deuteranomaly 6% of men, 0.4% of women
#d2684c Tritanomaly 0.01% of the population

#cf680f hex color

#cf680f Color Information

#cf680f Color Conversion

Color Schemes with #cf680f

Alternatives to #cf680f

#cf680f Preview

Shades and Tints of #cf680f

Tones of #cf680f

Color Blindness Simulator