#cfb31f hex color

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

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

● #cfb31f color description : Strong yellow.

The hexadecimal color #cfb31f has RGB values of R:207, G:179, B:31 and CMYK values of C:0, M:0.14, Y:0.85, K:0.19. Its decimal value is 13611807.

Hex triplet	cfb31f	`#cfb31f`
RGB Decimal	207, 179, 31	`rgb(207,179,31)`
RGB Percent	81.2, 70.2, 12.2	`rgb(81.2%,70.2%,12.2%)`
CMYK	0, 14, 85, 19
HSL	50.5°, 73.9, 46.7	`hsl(50.5,73.9%,46.7%)`
HSV (or HSB)	50.5°, 85, 81.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.289, -3.727, 70.595
XYZ	42.1, 45.606, 7.882
xyY	0.44, 0.477, 45.606
CIE-LCH	73.289, 70.693, 93.022
CIE-LUV	73.289, 25.479, 75.322
Hunter-Lab	67.532, -6.904, 40.353
Binary	11001111, 10110011, 00011111

#cfb31f
```
#cfb31f rgb(207,179,31)
```
#1f3bcf
```
#1f3bcf rgb(31,59,207)
```

Complementary Color

#cf5b1f
```
#cf5b1f rgb(207,91,31)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```
#93cf1f
```
#93cf1f rgb(147,207,31)
```

Analogous Color

#5b1fcf
```
#5b1fcf rgb(91,31,207)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```
#1f93cf
```
#1f93cf rgb(31,147,207)
```

Split Complementary Color

#b31fcf
```
#b31fcf rgb(179,31,207)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```
#1fcfb3
```
#1fcfb3 rgb(31,207,179)
```

Triadic Color

#cf1f3b
```
#cf1f3b rgb(207,31,59)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```
#1fcfb3
```
#1fcfb3 rgb(31,207,179)
```
#1f3bcf
```
#1f3bcf rgb(31,59,207)
```

Tetradic Color

#8c7915
```
#8c7915 rgb(140,121,21)
```
#a38d18
```
#a38d18 rgb(163,141,24)
```
#b9a01c
```
#b9a01c rgb(185,160,28)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```
#dfc229
```
#dfc229 rgb(223,194,41)
```
#e2c83f
```
#e2c83f rgb(226,200,63)
```
#e6cf55
```
#e6cf55 rgb(230,207,85)
```

Monochromatic Color

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

#cf871f
```
#cf871f rgb(207,135,31)
```
#cf961f
```
#cf961f rgb(207,150,31)
```
#cfa41f
```
#cfa41f rgb(207,164,31)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```
#cfc21f
```
#cfc21f rgb(207,194,31)
```
#cecf1f
```
#cecf1f rgb(206,207,31)
```
#bfcf1f
```
#bfcf1f rgb(191,207,31)
```

Similar Colors

Text with hexadecimal color #cfb31f

This text has a font color of #cfb31f.

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

#cfb31f background color

This paragraph has a background color of #cfb31f.

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

#cfb31f border color

This element has a border color of #cfb31f.

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

CSS codes

.text {color:#cfb31f;}

.background {background-color:#cfb31f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131103
```
#131103 rgb(19,17,3)
```
#241f05
```
#241f05 rgb(36,31,5)
```
#352e08
```
#352e08 rgb(53,46,8)
```
#473d0b
```
#473d0b rgb(71,61,11)
```
#584c0d
```
#584c0d rgb(88,76,13)
```
#695a10
```
#695a10 rgb(105,90,16)
```
#7a6912
```
#7a6912 rgb(122,105,18)
```
#8b7815
```
#8b7815 rgb(139,120,21)
```
#9c8717
```
#9c8717 rgb(156,135,23)
```
#ad951a
```
#ad951a rgb(173,149,26)
```
#bea41c
```
#bea41c rgb(190,164,28)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```

Shade Color Variation

#dec023
```
#dec023 rgb(222,192,35)
```
#e1c535
```
#e1c535 rgb(225,197,53)
```
#e3ca46
```
#e3ca46 rgb(227,202,70)
```
#e6cf57
```
#e6cf57 rgb(230,207,87)
```
#e8d468
```
#e8d468 rgb(232,212,104)
```
#ebd979
```
#ebd979 rgb(235,217,121)
```
#edde8a
```
#edde8a rgb(237,222,138)
```
#f0e29b
```
#f0e29b rgb(240,226,155)
```
#f3e7ac
```
#f3e7ac rgb(243,231,172)
```
#f5ecbd
```
#f5ecbd rgb(245,236,189)
```
#f8f1ce
```
#f8f1ce rgb(248,241,206)
```
#faf6df
```
#faf6df rgb(250,246,223)
```
#fdfbf0
```
#fdfbf0 rgb(253,251,240)
```

Tint Color Variation

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

#7d7b71
```
#7d7b71 rgb(125,123,113)
```
#868168
```
#868168 rgb(134,129,104)
```
#8f875f
```
#8f875f rgb(143,135,95)
```
#988e56
```
#988e56 rgb(152,142,86)
```
#a1944d
```
#a1944d rgb(161,148,77)
```
#aa9a44
```
#aa9a44 rgb(170,154,68)
```
#b4a03a
```
#b4a03a rgb(180,160,58)
```
#bda731
```
#bda731 rgb(189,167,49)
```
#c6ad28
```
#c6ad28 rgb(198,173,40)
```
#cfb31f
```
#cfb31f rgb(207,179,31)
```
#d8b916
```
#d8b916 rgb(216,185,22)
```
#e1bf0d
```
#e1bf0d rgb(225,191,13)
```
#eac604
```
#eac604 rgb(234,198,4)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b2ad8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb82b Protanopia 1% of men
#e5af30 Deuteranopia 1% of men
#dbabb7 Tritanopia 0.001% of the population

Trichromacy

#ceb626 Protanomaly 1% of men, 0.01% of women
#ddb029 Deuteranomaly 6% of men, 0.4% of women
#d7ad7f Tritanomaly 0.01% of the population

#cfb31f hex color

#cfb31f Color Information

#cfb31f Color Conversion

Color Schemes with #cfb31f

Alternatives to #cfb31f

#cfb31f Preview

Shades and Tints of #cfb31f

Tones of #cfb31f

Color Blindness Simulator