#ccb015 hex color

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

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

● #ccb015 color description : Strong yellow.

The hexadecimal color #ccb015 has RGB values of R:204, G:176, B:21 and CMYK values of C:0, M:0.14, Y:0.9, K:0.2. Its decimal value is 13414421.

Hex triplet	ccb015	`#ccb015`
RGB Decimal	204, 176, 21	`rgb(204,176,21)`
RGB Percent	80, 69, 8.2	`rgb(80%,69%,8.2%)`
CMYK	0, 14, 90, 20
HSL	50.8°, 81.3, 44.1	`hsl(50.8,81.3%,44.1%)`
HSV (or HSB)	50.8°, 89.7, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	72.191, -3.689, 71.724
XYZ	40.563, 43.944, 7.055
xyY	0.443, 0.48, 43.944
CIE-LCH	72.191, 71.819, 92.944
CIE-LUV	72.191, 25.559, 75.348
Hunter-Lab	66.29, -6.783, 40.093
Binary	11001100, 10110000, 00010101

#ccb015
```
#ccb015 rgb(204,176,21)
```
#1531cc
```
#1531cc rgb(21,49,204)
```

Complementary Color

#cc5515
```
#cc5515 rgb(204,85,21)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#8dcc15
```
#8dcc15 rgb(141,204,21)
```

Analogous Color

#5515cc
```
#5515cc rgb(85,21,204)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#158dcc
```
#158dcc rgb(21,141,204)
```

Split Complementary Color

#b015cc
```
#b015cc rgb(176,21,204)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#15ccb0
```
#15ccb0 rgb(21,204,176)
```

Triadic Color

#cc1531
```
#cc1531 rgb(204,21,49)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#15ccb0
```
#15ccb0 rgb(21,204,176)
```
#1531cc
```
#1531cc rgb(21,49,204)
```

Tetradic Color

#87740e
```
#87740e rgb(135,116,14)
```
#9e8810
```
#9e8810 rgb(158,136,16)
```
#b59c13
```
#b59c13 rgb(181,156,19)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#e3c417
```
#e3c417 rgb(227,196,23)
```
#e9cc2b
```
#e9cc2b rgb(233,204,43)
```
#ecd242
```
#ecd242 rgb(236,210,66)
```

Monochromatic Color

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

#cc8215
```
#cc8215 rgb(204,130,21)
```
#cc9215
```
#cc9215 rgb(204,146,21)
```
#cca115
```
#cca115 rgb(204,161,21)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#ccbf15
```
#ccbf15 rgb(204,191,21)
```
#cacc15
```
#cacc15 rgb(202,204,21)
```
#bacc15
```
#bacc15 rgb(186,204,21)
```

Similar Colors

Text with hexadecimal color #ccb015

This text has a font color of #ccb015.

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

#ccb015 background color

This paragraph has a background color of #ccb015.

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

#ccb015 border color

This element has a border color of #ccb015.

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

CSS codes

.text {color:#ccb015;}

.background {background-color:#ccb015;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#1a1703
```
#1a1703 rgb(26,23,3)
```
#2c2605
```
#2c2605 rgb(44,38,5)
```
#3e3506
```
#3e3506 rgb(62,53,6)
```
#504508
```
#504508 rgb(80,69,8)
```
#61540a
```
#61540a rgb(97,84,10)
```
#73630c
```
#73630c rgb(115,99,12)
```
#85730e
```
#85730e rgb(133,115,14)
```
#978210
```
#978210 rgb(151,130,16)
```
#a89111
```
#a89111 rgb(168,145,17)
```
#baa113
```
#baa113 rgb(186,161,19)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#debf17
```
#debf17 rgb(222,191,23)
```

Shade Color Variation

#e8c920
```
#e8c920 rgb(232,201,32)
```
#eace32
```
#eace32 rgb(234,206,50)
```
#ecd244
```
#ecd244 rgb(236,210,68)
```
#eed656
```
#eed656 rgb(238,214,86)
```
#efdb67
```
#efdb67 rgb(239,219,103)
```
#f1df79
```
#f1df79 rgb(241,223,121)
```
#f3e38b
```
#f3e38b rgb(243,227,139)
```
#f5e79d
```
#f5e79d rgb(245,231,157)
```
#f7ecae
```
#f7ecae rgb(247,236,174)
```
#f9f0c0
```
#f9f0c0 rgb(249,240,192)
```
#faf4d2
```
#faf4d2 rgb(250,244,210)
```
#fcf8e4
```
#fcf8e4 rgb(252,248,228)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#75746c
```
#75746c rgb(117,116,108)
```
#7e7a63
```
#7e7a63 rgb(126,122,99)
```
#87805a
```
#87805a rgb(135,128,90)
```
#8f8652
```
#8f8652 rgb(143,134,82)
```
#988c49
```
#988c49 rgb(152,140,73)
```
#a19240
```
#a19240 rgb(161,146,64)
```
#a99838
```
#a99838 rgb(169,152,56)
```
#b29e2f
```
#b29e2f rgb(178,158,47)
```
#bba426
```
#bba426 rgb(187,164,38)
```
#c3aa1e
```
#c3aa1e rgb(195,170,30)
```
#ccb015
```
#ccb015 rgb(204,176,21)
```
#d5b60c
```
#d5b60c rgb(213,182,12)
```
#ddbc04
```
#ddbc04 rgb(221,188,4)
```

Tone Color Variation

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

#cab521 Protanopia 1% of men
#e1ac27 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

#ccb015 hex color

#ccb015 Color Information

#ccb015 Color Conversion

Color Schemes with #ccb015

Alternatives to #ccb015

#ccb015 Preview

Shades and Tints of #ccb015

Tones of #ccb015

Color Blindness Simulator