#cfb228 hex color

In a RGB color space, hex #cfb228 is composed of 81.2% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 80.7% yellow and 18.8% black. It has a hue angle of 49.6 degrees, a saturation of 67.6% and a lightness of 48.4%. #cfb228 color hex could be obtained by blending #ffff50 with #9f6500. Closest websafe color is: #cc9933.

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

● #cfb228 color description : Strong yellow.

The hexadecimal color #cfb228 has RGB values of R:207, G:178, B:40 and CMYK values of C:0, M:0.14, Y:0.81, K:0.19. Its decimal value is 13611560.

Hex triplet	cfb228	`#cfb228`
RGB Decimal	207, 178, 40	`rgb(207,178,40)`
RGB Percent	81.2, 69.8, 15.7	`rgb(81.2%,69.8%,15.7%)`
CMYK	0, 14, 81, 19
HSL	49.6°, 67.6, 48.4	`hsl(49.6,67.6%,48.4%)`
HSV (or HSB)	49.6°, 80.7, 81.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.063, -2.947, 67.982
XYZ	42.036, 45.261, 8.529
xyY	0.439, 0.472, 45.261
CIE-LCH	73.063, 68.046, 92.482
CIE-LUV	73.063, 26.017, 73.434
Hunter-Lab	67.276, -6.202, 39.576
Binary	11001111, 10110010, 00101000

#cfb228
```
#cfb228 rgb(207,178,40)
```
#2845cf
```
#2845cf rgb(40,69,207)
```

Complementary Color

#cf5f28
```
#cf5f28 rgb(207,95,40)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```
#99cf28
```
#99cf28 rgb(153,207,40)
```

Analogous Color

#5f28cf
```
#5f28cf rgb(95,40,207)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```
#2899cf
```
#2899cf rgb(40,153,207)
```

Split Complementary Color

#b228cf
```
#b228cf rgb(178,40,207)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```
#28cfb2
```
#28cfb2 rgb(40,207,178)
```

Triadic Color

#cf2845
```
#cf2845 rgb(207,40,69)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```
#28cfb2
```
#28cfb2 rgb(40,207,178)
```
#2845cf
```
#2845cf rgb(40,69,207)
```

Tetradic Color

#8f7b1c
```
#8f7b1c rgb(143,123,28)
```
#a48d20
```
#a48d20 rgb(164,141,32)
```
#baa024
```
#baa024 rgb(186,160,36)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```
#d9bd38
```
#d9bd38 rgb(217,189,56)
```
#ddc44d
```
#ddc44d rgb(221,196,77)
```
#e1cb63
```
#e1cb63 rgb(225,203,99)
```

Monochromatic Color

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

#cf8828
```
#cf8828 rgb(207,136,40)
```
#cf9628
```
#cf9628 rgb(207,150,40)
```
#cfa428
```
#cfa428 rgb(207,164,40)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```
#cfc028
```
#cfc028 rgb(207,192,40)
```
#cfce28
```
#cfce28 rgb(207,206,40)
```
#c2cf28
```
#c2cf28 rgb(194,207,40)
```

Similar Colors

Text with hexadecimal color #cfb228

This text has a font color of #cfb228.

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

#cfb228 background color

This paragraph has a background color of #cfb228.

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

#cfb228 border color

This element has a border color of #cfb228.

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

CSS codes

.text {color:#cfb228;}

.background {background-color:#cfb228;}

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

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

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1a1705
```
#1a1705 rgb(26,23,5)
```
#2b2508
```
#2b2508 rgb(43,37,8)
```
#3b330b
```
#3b330b rgb(59,51,11)
```
#4b410f
```
#4b410f rgb(75,65,15)
```
#5c4f12
```
#5c4f12 rgb(92,79,18)
```
#6c5d15
```
#6c5d15 rgb(108,93,21)
```
#7d6b18
```
#7d6b18 rgb(125,107,24)
```
#8d791b
```
#8d791b rgb(141,121,27)
```
#9e881e
```
#9e881e rgb(158,136,30)
```
#ae9622
```
#ae9622 rgb(174,150,34)
```
#bfa425
```
#bfa425 rgb(191,164,37)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```

Shade Color Variation

#d8bb33
```
#d8bb33 rgb(216,187,51)
```
#dbc043
```
#dbc043 rgb(219,192,67)
```
#dec654
```
#dec654 rgb(222,198,84)
```
#e1cb64
```
#e1cb64 rgb(225,203,100)
```
#e4d175
```
#e4d175 rgb(228,209,117)
```
#e7d685
```
#e7d685 rgb(231,214,133)
```
#ebdc96
```
#ebdc96 rgb(235,220,150)
```
#eee1a6
```
#eee1a6 rgb(238,225,166)
```
#f1e7b7
```
#f1e7b7 rgb(241,231,183)
```
#f4ecc7
```
#f4ecc7 rgb(244,236,199)
```
#f7f2d7
```
#f7f2d7 rgb(247,242,215)
```
#fbf7e8
```
#fbf7e8 rgb(251,247,232)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#838074
```
#838074 rgb(131,128,116)
```
#8d876b
```
#8d876b rgb(141,135,107)
```
#968d61
```
#968d61 rgb(150,141,97)
```
#a09358
```
#a09358 rgb(160,147,88)
```
#a9994e
```
#a9994e rgb(169,153,78)
```
#b39f45
```
#b39f45 rgb(179,159,69)
```
#bca63b
```
#bca63b rgb(188,166,59)
```
#c6ac32
```
#c6ac32 rgb(198,172,50)
```
#cfb228
```
#cfb228 rgb(207,178,40)
```
#d9b81f
```
#d9b81f rgb(217,184,31)
```
#e2be15
```
#e2be15 rgb(226,190,21)
```
#ecc50c
```
#ecc50c rgb(236,197,12)
```
#f5cb02
```
#f5cb02 rgb(245,203,2)
```

Tone Color Variation

Below, you can see how #cfb228 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
#b2ac91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb733 Protanopia 1% of men
#e3ae37 Deuteranopia 1% of men
#dbaab6 Tritanopia 0.001% of the population

Trichromacy

#cdb52f Protanomaly 1% of men, 0.01% of women
#dcaf31 Deuteranomaly 6% of men, 0.4% of women
#d7ad82 Tritanomaly 0.01% of the population

#cfb228 hex color

#cfb228 Color Information

#cfb228 Color Conversion

Color Schemes with #cfb228

Alternatives to #cfb228

#cfb228 Preview

Shades and Tints of #cfb228

Tones of #cfb228

Color Blindness Simulator