#ccb217 hex color

In a RGB color space, hex #ccb217 is composed of 80% red, 69.8% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 88.7% yellow and 20% black. It has a hue angle of 51.4 degrees, a saturation of 79.7% and a lightness of 44.5%. #ccb217 color hex could be obtained by blending #ffff2e with #996500. Closest websafe color is: #cc9900.

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

● #ccb217 color description : Strong yellow.

The hexadecimal color #ccb217 has RGB values of R:204, G:178, B:23 and CMYK values of C:0, M:0.13, Y:0.89, K:0.2. Its decimal value is 13414935.

Hex triplet	ccb217	`#ccb217`
RGB Decimal	204, 178, 23	`rgb(204,178,23)`
RGB Percent	80, 69.8, 9	`rgb(80%,69.8%,9%)`
CMYK	0, 13, 89, 20
HSL	51.4°, 79.7, 44.5	`hsl(51.4,79.7%,44.5%)`
HSV (or HSB)	51.4°, 88.7, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	72.721, -4.698, 71.763
XYZ	40.977, 44.742, 7.288
xyY	0.441, 0.481, 44.742
CIE-LCH	72.721, 71.916, 93.746
CIE-LUV	72.721, 24.089, 75.906
Hunter-Lab	66.889, -7.704, 40.362
Binary	11001100, 10110010, 00010111

#ccb217
```
#ccb217 rgb(204,178,23)
```
#1731cc
```
#1731cc rgb(23,49,204)
```

Complementary Color

#cc5817
```
#cc5817 rgb(204,88,23)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#8ccc17
```
#8ccc17 rgb(140,204,23)
```

Analogous Color

#5817cc
```
#5817cc rgb(88,23,204)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#178ccc
```
#178ccc rgb(23,140,204)
```

Split Complementary Color

#b217cc
```
#b217cc rgb(178,23,204)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#17ccb2
```
#17ccb2 rgb(23,204,178)
```

Triadic Color

#cc1731
```
#cc1731 rgb(204,23,49)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#17ccb2
```
#17ccb2 rgb(23,204,178)
```
#1731cc
```
#1731cc rgb(23,49,204)
```

Tetradic Color

#87760f
```
#87760f rgb(135,118,15)
```
#9e8a12
```
#9e8a12 rgb(158,138,18)
```
#b59e14
```
#b59e14 rgb(181,158,20)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#e3c61a
```
#e3c61a rgb(227,198,26)
```
#e7cd2f
```
#e7cd2f rgb(231,205,47)
```
#ead245
```
#ead245 rgb(234,210,69)
```

Monochromatic Color

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

#cc8517
```
#cc8517 rgb(204,133,23)
```
#cc9417
```
#cc9417 rgb(204,148,23)
```
#cca317
```
#cca317 rgb(204,163,23)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#ccc117
```
#ccc117 rgb(204,193,23)
```
#c8cc17
```
#c8cc17 rgb(200,204,23)
```
#b9cc17
```
#b9cc17 rgb(185,204,23)
```

Similar Colors

Text with hexadecimal color #ccb217

This text has a font color of #ccb217.

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

#ccb217 background color

This paragraph has a background color of #ccb217.

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

#ccb217 border color

This element has a border color of #ccb217.

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

CSS codes

.text {color:#ccb217;}

.background {background-color:#ccb217;}

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

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

#0a0901
```
#0a0901 rgb(10,9,1)
```
#1c1803
```
#1c1803 rgb(28,24,3)
```
#2d2805
```
#2d2805 rgb(45,40,5)
```
#3f3707
```
#3f3707 rgb(63,55,7)
```
#514609
```
#514609 rgb(81,70,9)
```
#62560b
```
#62560b rgb(98,86,11)
```
#74650d
```
#74650d rgb(116,101,13)
```
#85740f
```
#85740f rgb(133,116,15)
```
#978411
```
#978411 rgb(151,132,17)
```
#a99313
```
#a99313 rgb(169,147,19)
```
#baa315
```
#baa315 rgb(186,163,21)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#dec119
```
#dec119 rgb(222,193,25)
```

Shade Color Variation

#e6ca24
```
#e6ca24 rgb(230,202,36)
```
#e8cf36
```
#e8cf36 rgb(232,207,54)
```
#ead347
```
#ead347 rgb(234,211,71)
```
#ecd759
```
#ecd759 rgb(236,215,89)
```
#eedb6a
```
#eedb6a rgb(238,219,106)
```
#f0e07c
```
#f0e07c rgb(240,224,124)
```
#f2e48e
```
#f2e48e rgb(242,228,142)
```
#f4e89f
```
#f4e89f rgb(244,232,159)
```
#f6ecb1
```
#f6ecb1 rgb(246,236,177)
```
#f8f0c3
```
#f8f0c3 rgb(248,240,195)
```
#faf5d4
```
#faf5d4 rgb(250,245,212)
```
#fcf9e6
```
#fcf9e6 rgb(252,249,230)
```
#fefdf7
```
#fefdf7 rgb(254,253,247)
```

Tint Color Variation

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

#75746e
```
#75746e rgb(117,116,110)
```
#7d7a66
```
#7d7a66 rgb(125,122,102)
```
#86805d
```
#86805d rgb(134,128,93)
```
#8f8654
```
#8f8654 rgb(143,134,84)
```
#988d4b
```
#988d4b rgb(152,141,75)
```
#a09343
```
#a09343 rgb(160,147,67)
```
#a9993a
```
#a9993a rgb(169,153,58)
```
#b29f31
```
#b29f31 rgb(178,159,49)
```
#bba628
```
#bba628 rgb(187,166,40)
```
#c3ac20
```
#c3ac20 rgb(195,172,32)
```
#ccb217
```
#ccb217 rgb(204,178,23)
```
#d5b80e
```
#d5b80e rgb(213,184,14)
```
#ddbe06
```
#ddbe06 rgb(221,190,6)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#afaa8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb623 Protanopia 1% of men
#e3ad2a Deuteranopia 1% of men
#d9aab5 Tritanopia 0.001% of the population

Trichromacy

#ccb51e Protanomaly 1% of men, 0.01% of women
#dbaf23 Deuteranomaly 6% of men, 0.4% of women
#d4ac7c Tritanomaly 0.01% of the population

#ccb217 hex color

#ccb217 Color Information

#ccb217 Color Conversion

Color Schemes with #ccb217

Alternatives to #ccb217

#ccb217 Preview

Shades and Tints of #ccb217

Tones of #ccb217

Color Blindness Simulator