colorhexa.com

#cf981f hex color

In a RGB color space, hex #cf981f is composed of 81.2% red, 59.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.6% magenta, 85% yellow and 18.8% black. It has a hue angle of 41.3 degrees, a saturation of 73.9% and a lightness of 46.7%. #cf981f color hex could be obtained by blending #ffff3e with #9f3100. Closest websafe color is: #cc9933.

- R 81
- G 60
- B 12
RGB color chart
- C 0
- M 27
- Y 85
- K 19
CMYK color chart

● #cf981f color description : Strong orange.

The hexadecimal color #cf981f has RGB values of R:207, G:152, B:31 and CMYK values of C:0, M:0.27, Y:0.85, K:0.19. Its decimal value is 13604895.

Hex triplet	cf981f	`#cf981f`
RGB Decimal	207, 152, 31	`rgb(207,152,31)`
RGB Percent	81.2, 59.6, 12.2	`rgb(81.2%,59.6%,12.2%)`
CMYK	0, 27, 85, 19
HSL	41.3°, 73.9, 46.7	`hsl(41.3,73.9%,46.7%)`
HSV (or HSB)	41.3°, 85, 81.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.384, 10.662, 64.887
XYZ	37.208, 35.823, 6.251
xyY	0.469, 0.452, 35.823
CIE-LCH	66.384, 65.758, 80.669
CIE-LUV	66.384, 45.752, 64.786
Hunter-Lab	59.852, 6.227, 35.704
Binary	11001111, 10011000, 00011111

#cf981f
```
#cf981f rgb(207,152,31)
```
#1f56cf
```
#1f56cf rgb(31,86,207)
```

Complementary Color

#cf401f
```
#cf401f rgb(207,64,31)
```
#cf981f
```
#cf981f rgb(207,152,31)
```
#aecf1f
```
#aecf1f rgb(174,207,31)
```

Analogous Color

#401fcf
```
#401fcf rgb(64,31,207)
```
#cf981f
```
#cf981f rgb(207,152,31)
```
#1faecf
```
#1faecf rgb(31,174,207)
```

Split Complementary Color

#981fcf
```
#981fcf rgb(152,31,207)
```
#cf981f
```
#cf981f rgb(207,152,31)
```
#1fcf98
```
#1fcf98 rgb(31,207,152)
```

Triadic Color

#cf1f56
```
#cf1f56 rgb(207,31,86)
```
#cf981f
```
#cf981f rgb(207,152,31)
```
#1fcf98
```
#1fcf98 rgb(31,207,152)
```
#1f56cf
```
#1f56cf rgb(31,86,207)
```

Tetradic Color

#8c6715
```
#8c6715 rgb(140,103,21)
```
#a37718
```
#a37718 rgb(163,119,24)
```
#b9881c
```
#b9881c rgb(185,136,28)
```
#cf981f
```
#cf981f rgb(207,152,31)
```
#dfa629
```
#dfa629 rgb(223,166,41)
```
#e2af3f
```
#e2af3f rgb(226,175,63)
```
#e6b855
```
#e6b855 rgb(230,184,85)
```

Monochromatic Color

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

#cf6c1f
```
#cf6c1f rgb(207,108,31)
```
#cf7b1f
```
#cf7b1f rgb(207,123,31)
```
#cf891f
```
#cf891f rgb(207,137,31)
```
#cf981f
```
#cf981f rgb(207,152,31)
```
#cfa71f
```
#cfa71f rgb(207,167,31)
```
#cfb51f
```
#cfb51f rgb(207,181,31)
```
#cfc41f
```
#cfc41f rgb(207,196,31)
```

Similar Colors

Text with hexadecimal color #cf981f

This text has a font color of #cf981f.

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

#cf981f background color

This paragraph has a background color of #cf981f.

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

#cf981f border color

This element has a border color of #cf981f.

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

CSS codes

.text {color:#cf981f;}

.background {background-color:#cf981f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130e03
```
#130e03 rgb(19,14,3)
```
#241b05
```
#241b05 rgb(36,27,5)
```
#352708
```
#352708 rgb(53,39,8)
```
#47340b
```
#47340b rgb(71,52,11)
```
#58400d
```
#58400d rgb(88,64,13)
```
#694d10
```
#694d10 rgb(105,77,16)
```
#7a5912
```
#7a5912 rgb(122,89,18)
```
#8b6615
```
#8b6615 rgb(139,102,21)
```
#9c7217
```
#9c7217 rgb(156,114,23)
```
#ad7f1a
```
#ad7f1a rgb(173,127,26)
```
#be8b1c
```
#be8b1c rgb(190,139,28)
```
#cf981f
```
#cf981f rgb(207,152,31)
```

Shade Color Variation

#dea423
```
#dea423 rgb(222,164,35)
```
#e1ab35
```
#e1ab35 rgb(225,171,53)
```
#e3b246
```
#e3b246 rgb(227,178,70)
```
#e6b957
```
#e6b957 rgb(230,185,87)
```
#e8c068
```
#e8c068 rgb(232,192,104)
```
#ebc779
```
#ebc779 rgb(235,199,121)
```
#edce8a
```
#edce8a rgb(237,206,138)
```
#f0d59b
```
#f0d59b rgb(240,213,155)
```
#f3ddac
```
#f3ddac rgb(243,221,172)
```
#f5e4bd
```
#f5e4bd rgb(245,228,189)
```
#f8ebce
```
#f8ebce rgb(248,235,206)
```
#faf2df
```
#faf2df rgb(250,242,223)
```
#fdf9f0
```
#fdf9f0 rgb(253,249,240)
```

Tint Color Variation

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

#7d7971
```
#7d7971 rgb(125,121,113)
```
#867d68
```
#867d68 rgb(134,125,104)
```
#8f805f
```
#8f805f rgb(143,128,95)
```
#988356
```
#988356 rgb(152,131,86)
```
#a1874d
```
#a1874d rgb(161,135,77)
```
#aa8a44
```
#aa8a44 rgb(170,138,68)
```
#b48e3a
```
#b48e3a rgb(180,142,58)
```
#bd9131
```
#bd9131 rgb(189,145,49)
```
#c69528
```
#c69528 rgb(198,149,40)
```
#cf981f
```
#cf981f rgb(207,152,31)
```
#d89b16
```
#d89b16 rgb(216,155,22)
```
#e19f0d
```
#e19f0d rgb(225,159,13)
```
#eaa204
```
#eaa204 rgb(234,162,4)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a59a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a62d Protanopia 1% of men
#cf9e2a Deuteranopia 1% of men
#d8939d Tritanopia 0.001% of the population

Trichromacy

#c1a127 Protanomaly 1% of men, 0.01% of women
#cf9c26 Deuteranomaly 6% of men, 0.4% of women
#d5956f Tritanomaly 0.01% of the population