#ccb016 hex color

In a RGB color space, hex #ccb016 is composed of 80% red, 69% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 89.2% yellow and 20% black. It has a hue angle of 50.8 degrees, a saturation of 80.5% and a lightness of 44.3%. #ccb016 color hex could be obtained by blending #ffff2c with #996100. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 80
- G 69
- B 9
RGB color chart
- C 0
- M 14
- Y 89
- K 20
CMYK color chart

● #ccb016 color description : Strong yellow.

The hexadecimal color #ccb016 has RGB values of R:204, G:176, B:22 and CMYK values of C:0, M:0.14, Y:0.89, K:0.2. Its decimal value is 13414422.

Hex triplet	ccb016	`#ccb016`
RGB Decimal	204, 176, 22	`rgb(204,176,22)`
RGB Percent	80, 69, 8.6	`rgb(80%,69%,8.6%)`
CMYK	0, 14, 89, 20
HSL	50.8°, 80.5, 44.3	`hsl(50.8,80.5%,44.3%)`
HSV (or HSB)	50.8°, 89.2, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	72.193, -3.67, 71.54
XYZ	40.573, 43.948, 7.105
xyY	0.443, 0.48, 43.948
CIE-LCH	72.193, 71.634, 92.937
CIE-LUV	72.193, 25.546, 75.241
Hunter-Lab	66.293, -6.767, 40.051
Binary	11001100, 10110000, 00010110

#ccb016
```
#ccb016 rgb(204,176,22)
```
#1632cc
```
#1632cc rgb(22,50,204)
```

Complementary Color

#cc5516
```
#cc5516 rgb(204,85,22)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#8dcc16
```
#8dcc16 rgb(141,204,22)
```

Analogous Color

#5516cc
```
#5516cc rgb(85,22,204)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#168dcc
```
#168dcc rgb(22,141,204)
```

Split Complementary Color

#b016cc
```
#b016cc rgb(176,22,204)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#16ccb0
```
#16ccb0 rgb(22,204,176)
```

Triadic Color

#cc1632
```
#cc1632 rgb(204,22,50)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#16ccb0
```
#16ccb0 rgb(22,204,176)
```
#1632cc
```
#1632cc rgb(22,50,204)
```

Tetradic Color

#87740f
```
#87740f rgb(135,116,15)
```
#9e8811
```
#9e8811 rgb(158,136,17)
```
#b59c14
```
#b59c14 rgb(181,156,20)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#e3c418
```
#e3c418 rgb(227,196,24)
```
#e8cb2d
```
#e8cb2d rgb(232,203,45)
```
#ebd144
```
#ebd144 rgb(235,209,68)
```

Monochromatic Color

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

#cc8316
```
#cc8316 rgb(204,131,22)
```
#cc9216
```
#cc9216 rgb(204,146,22)
```
#cca116
```
#cca116 rgb(204,161,22)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#ccbf16
```
#ccbf16 rgb(204,191,22)
```
#cacc16
```
#cacc16 rgb(202,204,22)
```
#bbcc16
```
#bbcc16 rgb(187,204,22)
```

Similar Colors

Text with hexadecimal color #ccb016

This text has a font color of #ccb016.

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

#ccb016 background color

This paragraph has a background color of #ccb016.

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

#ccb016 border color

This element has a border color of #ccb016.

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

CSS codes

.text {color:#ccb016;}

.background {background-color:#ccb016;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1b1703
```
#1b1703 rgb(27,23,3)
```
#2d2705
```
#2d2705 rgb(45,39,5)
```
#3e3607
```
#3e3607 rgb(62,54,7)
```
#504509
```
#504509 rgb(80,69,9)
```
#62540b
```
#62540b rgb(98,84,11)
```
#73640c
```
#73640c rgb(115,100,12)
```
#85730e
```
#85730e rgb(133,115,14)
```
#978210
```
#978210 rgb(151,130,16)
```
#a99112
```
#a99112 rgb(169,145,18)
```
#baa114
```
#baa114 rgb(186,161,20)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#debf18
```
#debf18 rgb(222,191,24)
```

Shade Color Variation

#e7c922
```
#e7c922 rgb(231,201,34)
```
#e9cd34
```
#e9cd34 rgb(233,205,52)
```
#ebd245
```
#ebd245 rgb(235,210,69)
```
#edd657
```
#edd657 rgb(237,214,87)
```
#efda69
```
#efda69 rgb(239,218,105)
```
#f1df7b
```
#f1df7b rgb(241,223,123)
```
#f3e38c
```
#f3e38c rgb(243,227,140)
```
#f5e79e
```
#f5e79e rgb(245,231,158)
```
#f6ecb0
```
#f6ecb0 rgb(246,236,176)
```
#f8f0c1
```
#f8f0c1 rgb(248,240,193)
```
#faf4d3
```
#faf4d3 rgb(250,244,211)
```
#fcf9e5
```
#fcf9e5 rgb(252,249,229)
```
#fefdf7
```
#fefdf7 rgb(254,253,247)
```

Tint Color Variation

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

#75746d
```
#75746d rgb(117,116,109)
```
#7e7a64
```
#7e7a64 rgb(126,122,100)
```
#86805c
```
#86805c rgb(134,128,92)
```
#8f8653
```
#8f8653 rgb(143,134,83)
```
#988c4a
```
#988c4a rgb(152,140,74)
```
#a19241
```
#a19241 rgb(161,146,65)
```
#a99839
```
#a99839 rgb(169,152,57)
```
#b29e30
```
#b29e30 rgb(178,158,48)
```
#bba427
```
#bba427 rgb(187,164,39)
```
#c3aa1f
```
#c3aa1f rgb(195,170,31)
```
#ccb016
```
#ccb016 rgb(204,176,22)
```
#d5b60d
```
#d5b60d rgb(213,182,13)
```
#ddbc05
```
#ddbc05 rgb(221,188,5)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aea98a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab522 Protanopia 1% of men
#e1ac28 Deuteranopia 1% of men
#d8a8b4 Tritanopia 0.001% of the population

Trichromacy

#cbb31d Protanomaly 1% of men, 0.01% of women
#d9ad21 Deuteranomaly 6% of men, 0.4% of women
#d4ab7a Tritanomaly 0.01% of the population

#ccb016 hex color

#ccb016 Color Information

#ccb016 Color Conversion

Color Schemes with #ccb016

Alternatives to #ccb016

#ccb016 Preview

Shades and Tints of #ccb016

Tones of #ccb016

Color Blindness Simulator