#cfb316 hex color

In a RGB color space, hex #cfb316 is composed of 81.2% red, 70.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.5% magenta, 89.4% yellow and 18.8% black. It has a hue angle of 50.9 degrees, a saturation of 80.8% and a lightness of 44.9%. #cfb316 color hex could be obtained by blending #ffff2c with #9f6700. Closest websafe color is: #cccc00.

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

● #cfb316 color description : Strong yellow.

The hexadecimal color #cfb316 has RGB values of R:207, G:179, B:22 and CMYK values of C:0, M:0.14, Y:0.89, K:0.19. Its decimal value is 13611798.

Hex triplet	cfb316	`#cfb316`
RGB Decimal	207, 179, 22	`rgb(207,179,22)`
RGB Percent	81.2, 70.2, 8.6	`rgb(81.2%,70.2%,8.6%)`
CMYK	0, 14, 89, 19
HSL	50.9°, 80.8, 44.9	`hsl(50.9,80.8%,44.9%)`
HSV (or HSB)	50.9°, 89.4, 81.2
Web Safe	cccc00	`#cccc00`

CIE-LAB	73.262, -3.921, 72.497
XYZ	41.998, 45.565, 7.342
xyY	0.443, 0.48, 45.565
CIE-LCH	73.262, 72.603, 93.096
CIE-LUV	73.262, 25.616, 76.454
Hunter-Lab	67.502, -7.071, 40.803
Binary	11001111, 10110011, 00010110

#cfb316
```
#cfb316 rgb(207,179,22)
```
#1632cf
```
#1632cf rgb(22,50,207)
```

Complementary Color

#cf5716
```
#cf5716 rgb(207,87,22)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#8fcf16
```
#8fcf16 rgb(143,207,22)
```

Analogous Color

#5716cf
```
#5716cf rgb(87,22,207)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#168fcf
```
#168fcf rgb(22,143,207)
```

Split Complementary Color

#b316cf
```
#b316cf rgb(179,22,207)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#16cfb3
```
#16cfb3 rgb(22,207,179)
```

Triadic Color

#cf1632
```
#cf1632 rgb(207,22,50)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#16cfb3
```
#16cfb3 rgb(22,207,179)
```
#1632cf
```
#1632cf rgb(22,50,207)
```

Tetradic Color

#8a770f
```
#8a770f rgb(138,119,15)
```
#a18b11
```
#a18b11 rgb(161,139,17)
```
#b89f14
```
#b89f14 rgb(184,159,20)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#e6c718
```
#e6c718 rgb(230,199,24)
```
#e9cd2f
```
#e9cd2f rgb(233,205,47)
```
#ebd246
```
#ebd246 rgb(235,210,70)
```

Monochromatic Color

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

#cf8516
```
#cf8516 rgb(207,133,22)
```
#cf9416
```
#cf9416 rgb(207,148,22)
```
#cfa416
```
#cfa416 rgb(207,164,22)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#cfc216
```
#cfc216 rgb(207,194,22)
```
#cccf16
```
#cccf16 rgb(204,207,22)
```
#bdcf16
```
#bdcf16 rgb(189,207,22)
```

Similar Colors

Text with hexadecimal color #cfb316

This text has a font color of #cfb316.

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

#cfb316 background color

This paragraph has a background color of #cfb316.

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

#cfb316 border color

This element has a border color of #cfb316.

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

CSS codes

.text {color:#cfb316;}

.background {background-color:#cfb316;}

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

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

#0c0a01
```
#0c0a01 rgb(12,10,1)
```
#1e1a03
```
#1e1a03 rgb(30,26,3)
```
#2f2905
```
#2f2905 rgb(47,41,5)
```
#413807
```
#413807 rgb(65,56,7)
```
#534809
```
#534809 rgb(83,72,9)
```
#65570b
```
#65570b rgb(101,87,11)
```
#76660d
```
#76660d rgb(118,102,13)
```
#88760e
```
#88760e rgb(136,118,14)
```
#9a8510
```
#9a8510 rgb(154,133,16)
```
#ac9412
```
#ac9412 rgb(172,148,18)
```
#bda414
```
#bda414 rgb(189,164,20)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#e1c218
```
#e1c218 rgb(225,194,24)
```

Shade Color Variation

#e8ca24
```
#e8ca24 rgb(232,202,36)
```
#eace36
```
#eace36 rgb(234,206,54)
```
#ecd348
```
#ecd348 rgb(236,211,72)
```
#edd75a
```
#edd75a rgb(237,215,90)
```
#efdb6b
```
#efdb6b rgb(239,219,107)
```
#f1e07d
```
#f1e07d rgb(241,224,125)
```
#f3e48f
```
#f3e48f rgb(243,228,143)
```
#f5e8a1
```
#f5e8a1 rgb(245,232,161)
```
#f7ecb2
```
#f7ecb2 rgb(247,236,178)
```
#f9f1c4
```
#f9f1c4 rgb(249,241,196)
```
#fbf5d6
```
#fbf5d6 rgb(251,245,214)
```
#fdf9e7
```
#fdf9e7 rgb(253,249,231)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#77766e
```
#77766e rgb(119,118,110)
```
#807c65
```
#807c65 rgb(128,124,101)
```
#89825c
```
#89825c rgb(137,130,92)
```
#918854
```
#918854 rgb(145,136,84)
```
#9a8e4b
```
#9a8e4b rgb(154,142,75)
```
#a39442
```
#a39442 rgb(163,148,66)
```
#ac9a39
```
#ac9a39 rgb(172,154,57)
```
#b5a130
```
#b5a130 rgb(181,161,48)
```
#bda728
```
#bda728 rgb(189,167,40)
```
#c6ad1f
```
#c6ad1f rgb(198,173,31)
```
#cfb316
```
#cfb316 rgb(207,179,22)
```
#d8b90d
```
#d8b90d rgb(216,185,13)
```
#e1bf04
```
#e1bf04 rgb(225,191,4)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b1ab8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb822 Protanopia 1% of men
#e5af29 Deuteranopia 1% of men
#dcaab6 Tritanopia 0.001% of the population

Trichromacy

#ceb61d Protanomaly 1% of men, 0.01% of women
#ddb022 Deuteranomaly 6% of men, 0.4% of women
#d7ad7c Tritanomaly 0.01% of the population

#cfb316 hex color

#cfb316 Color Information

#cfb316 Color Conversion

Color Schemes with #cfb316

Alternatives to #cfb316

#cfb316 Preview

Shades and Tints of #cfb316

Tones of #cfb316

Color Blindness Simulator