#cfb22f hex color

In a RGB color space, hex #cfb22f is composed of 81.2% red, 69.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 77.3% yellow and 18.8% black. It has a hue angle of 49.1 degrees, a saturation of 63% and a lightness of 49.8%. #cfb22f color hex could be obtained by blending #ffff5e with #9f6500. Closest websafe color is: #cc9933.

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

● #cfb22f color description : Strong yellow.

The hexadecimal color #cfb22f has RGB values of R:207, G:178, B:47 and CMYK values of C:0, M:0.14, Y:0.77, K:0.19. Its decimal value is 13611567.

Hex triplet	cfb22f	`#cfb22f`
RGB Decimal	207, 178, 47	`rgb(207,178,47)`
RGB Percent	81.2, 69.8, 18.4	`rgb(81.2%,69.8%,18.4%)`
CMYK	0, 14, 77, 19
HSL	49.1°, 63, 49.8	`hsl(49.1,63%,49.8%)`
HSV (or HSB)	49.1°, 77.3, 81.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.098, -2.702, 65.808
XYZ	42.166, 45.313, 9.214
xyY	0.436, 0.469, 45.313
CIE-LCH	73.098, 65.864, 92.351
CIE-LUV	73.098, 25.842, 72.01
Hunter-Lab	67.315, -5.989, 39.004
Binary	11001111, 10110010, 00101111

#cfb22f
```
#cfb22f rgb(207,178,47)
```
#2f4ccf
```
#2f4ccf rgb(47,76,207)
```

Complementary Color

#cf622f
```
#cf622f rgb(207,98,47)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```
#9ccf2f
```
#9ccf2f rgb(156,207,47)
```

Analogous Color

#622fcf
```
#622fcf rgb(98,47,207)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```
#2f9ccf
```
#2f9ccf rgb(47,156,207)
```

Split Complementary Color

#b22fcf
```
#b22fcf rgb(178,47,207)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```
#2fcfb2
```
#2fcfb2 rgb(47,207,178)
```

Triadic Color

#cf2f4c
```
#cf2f4c rgb(207,47,76)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```
#2fcfb2
```
#2fcfb2 rgb(47,207,178)
```
#2f4ccf
```
#2f4ccf rgb(47,76,207)
```

Tetradic Color

#917c21
```
#917c21 rgb(145,124,33)
```
#a58e26
```
#a58e26 rgb(165,142,38)
```
#baa02a
```
#baa02a rgb(186,160,42)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```
#d4ba43
```
#d4ba43 rgb(212,186,67)
```
#d9c258
```
#d9c258 rgb(217,194,88)
```
#dec96d
```
#dec96d rgb(222,201,109)
```

Monochromatic Color

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

#cf8a2f
```
#cf8a2f rgb(207,138,47)
```
#cf972f
```
#cf972f rgb(207,151,47)
```
#cfa52f
```
#cfa52f rgb(207,165,47)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```
#cfbf2f
```
#cfbf2f rgb(207,191,47)
```
#cfcd2f
```
#cfcd2f rgb(207,205,47)
```
#c4cf2f
```
#c4cf2f rgb(196,207,47)
```

Similar Colors

Text with hexadecimal color #cfb22f

This text has a font color of #cfb22f.

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

#cfb22f background color

This paragraph has a background color of #cfb22f.

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

#cfb22f border color

This element has a border color of #cfb22f.

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

CSS codes

.text {color:#cfb22f;}

.background {background-color:#cfb22f;}

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

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, #0f0d03 is the darkest color, while #fffffe is the lightest one.

#0f0d03
```
#0f0d03 rgb(15,13,3)
```
#1f1b07
```
#1f1b07 rgb(31,27,7)
```
#2f290b
```
#2f290b rgb(47,41,11)
```
#3f360e
```
#3f360e rgb(63,54,14)
```
#4f4412
```
#4f4412 rgb(79,68,18)
```
#5f5216
```
#5f5216 rgb(95,82,22)
```
#6f6019
```
#6f6019 rgb(111,96,25)
```
#7f6d1d
```
#7f6d1d rgb(127,109,29)
```
#8f7b20
```
#8f7b20 rgb(143,123,32)
```
#9f8924
```
#9f8924 rgb(159,137,36)
```
#af9728
```
#af9728 rgb(175,151,40)
```
#bfa42b
```
#bfa42b rgb(191,164,43)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```

Shade Color Variation

#d3b83e
```
#d3b83e rgb(211,184,62)
```
#d7be4e
```
#d7be4e rgb(215,190,78)
```
#dbc45e
```
#dbc45e rgb(219,196,94)
```
#deca6e
```
#deca6e rgb(222,202,110)
```
#e2d07e
```
#e2d07e rgb(226,208,126)
```
#e5d68e
```
#e5d68e rgb(229,214,142)
```
#e9db9e
```
#e9db9e rgb(233,219,158)
```
#ede1ae
```
#ede1ae rgb(237,225,174)
```
#f0e7be
```
#f0e7be rgb(240,231,190)
```
#f4edce
```
#f4edce rgb(244,237,206)
```
#f8f3de
```
#f8f3de rgb(248,243,222)
```
#fbf9ee
```
#fbf9ee rgb(251,249,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#81807d
```
#81807d rgb(129,128,125)
```
#8b8673
```
#8b8673 rgb(139,134,115)
```
#948d6a
```
#948d6a rgb(148,141,106)
```
#9e9360
```
#9e9360 rgb(158,147,96)
```
#a89956
```
#a89956 rgb(168,153,86)
```
#b29f4c
```
#b29f4c rgb(178,159,76)
```
#bba643
```
#bba643 rgb(187,166,67)
```
#c5ac39
```
#c5ac39 rgb(197,172,57)
```
#cfb22f
```
#cfb22f rgb(207,178,47)
```
#d9b825
```
#d9b825 rgb(217,184,37)
```
#e3be1b
```
#e3be1b rgb(227,190,27)
```
#ecc512
```
#ecc512 rgb(236,197,18)
```
#f6cb08
```
#f6cb08 rgb(246,203,8)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b3ad93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb73a Protanopia 1% of men
#e3ae3d Deuteranopia 1% of men
#dbaab6 Tritanopia 0.001% of the population

Trichromacy

#cdb536 Protanomaly 1% of men, 0.01% of women
#dcaf38 Deuteranomaly 6% of men, 0.4% of women
#d6ad85 Tritanomaly 0.01% of the population

#cfb22f hex color

#cfb22f Color Information

#cfb22f Color Conversion

Color Schemes with #cfb22f

Alternatives to #cfb22f

#cfb22f Preview

Shades and Tints of #cfb22f

Tones of #cfb22f

Color Blindness Simulator