#ccd501 hex color

In a RGB color space, hex #ccd501 is composed of 80% red, 83.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 99.5% yellow and 16.5% black. It has a hue angle of 62.5 degrees, a saturation of 99.1% and a lightness of 42%. #ccd501 color hex could be obtained by blending #ffff02 with #99ab00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 84
- B 0
RGB color chart
- C 4
- M 0
- Y 100
- K 16
CMYK color chart

● #ccd501 color description : Strong yellow.

The hexadecimal color #ccd501 has RGB values of R:204, G:213, B:1 and CMYK values of C:0.04, M:0, Y:1, K:0.16. Its decimal value is 13423873.

Hex triplet	ccd501	`#ccd501`
RGB Decimal	204, 213, 1	`rgb(204,213,1)`
RGB Percent	80, 83.5, 0.4	`rgb(80%,83.5%,0.4%)`
CMYK	4, 0, 100, 16
HSL	62.5°, 99.1, 42	`hsl(62.5,99.1%,42%)`
HSV (or HSB)	62.5°, 99.5, 83.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.071, -22.615, 81.558
XYZ	48.702, 60.429, 9.127
xyY	0.412, 0.511, 60.429
CIE-LCH	82.071, 84.635, 105.498
CIE-LUV	82.071, 0.463, 90.903
Hunter-Lab	77.736, -24.207, 47.454
Binary	11001100, 11010101, 00000001

#ccd501
```
#ccd501 rgb(204,213,1)
```
#0a01d5
```
#0a01d5 rgb(10,1,213)
```

Complementary Color

#d57401
```
#d57401 rgb(213,116,1)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#62d501
```
#62d501 rgb(98,213,1)
```

Analogous Color

#7401d5
```
#7401d5 rgb(116,1,213)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#0162d5
```
#0162d5 rgb(1,98,213)
```

Split Complementary Color

#d501cc
```
#d501cc rgb(213,1,204)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#01ccd5
```
#01ccd5 rgb(1,204,213)
```

Triadic Color

#d50a01
```
#d50a01 rgb(213,10,1)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#01ccd5
```
#01ccd5 rgb(1,204,213)
```
#0a01d5
```
#0a01d5 rgb(10,1,213)
```

Tetradic Color

#838901
```
#838901 rgb(131,137,1)
```
#9ba201
```
#9ba201 rgb(155,162,1)
```
#b4bc01
```
#b4bc01 rgb(180,188,1)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#e4ee01
```
#e4ee01 rgb(228,238,1)
```
#f4fe0b
```
#f4fe0b rgb(244,254,11)
```
#f5fe25
```
#f5fe25 rgb(245,254,37)
```

Monochromatic Color

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

#d5a901
```
#d5a901 rgb(213,169,1)
```
#d5bb01
```
#d5bb01 rgb(213,187,1)
```
#d5cc01
```
#d5cc01 rgb(213,204,1)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#bad501
```
#bad501 rgb(186,213,1)
```
#a9d501
```
#a9d501 rgb(169,213,1)
```
#97d501
```
#97d501 rgb(151,213,1)
```

Similar Colors

Text with hexadecimal color #ccd501

This text has a font color of #ccd501.

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

#ccd501 background color

This paragraph has a background color of #ccd501.

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

#ccd501 border color

This element has a border color of #ccd501.

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

CSS codes

.text {color:#ccd501;}

.background {background-color:#ccd501;}

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

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

#111200
```
#111200 rgb(17,18,0)
```
#242500
```
#242500 rgb(36,37,0)
```
#363900
```
#363900 rgb(54,57,0)
```
#494c00
```
#494c00 rgb(73,76,0)
```
#5c6000
```
#5c6000 rgb(92,96,0)
```
#6f7301
```
#6f7301 rgb(111,115,1)
```
#818701
```
#818701 rgb(129,135,1)
```
#949a01
```
#949a01 rgb(148,154,1)
```
#a7ae01
```
#a7ae01 rgb(167,174,1)
```
#b9c101
```
#b9c101 rgb(185,193,1)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```
#dfe901
```
#dfe901 rgb(223,233,1)
```
#f1fc01
```
#f1fc01 rgb(241,252,1)
```

Shade Color Variation

#f4fe13
```
#f4fe13 rgb(244,254,19)
```
#f5fe26
```
#f5fe26 rgb(245,254,38)
```
#f6fe3a
```
#f6fe3a rgb(246,254,58)
```
#f7fe4e
```
#f7fe4e rgb(247,254,78)
```
#f8fe61
```
#f8fe61 rgb(248,254,97)
```
#f9fe75
```
#f9fe75 rgb(249,254,117)
```
#f9fe88
```
#f9fe88 rgb(249,254,136)
```
#faff9c
```
#faff9c rgb(250,255,156)
```
#fbffaf
```
#fbffaf rgb(251,255,175)
```
#fcffc3
```
#fcffc3 rgb(252,255,195)
```
#fdffd6
```
#fdffd6 rgb(253,255,214)
```
#feffea
```
#feffea rgb(254,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#727264
```
#727264 rgb(114,114,100)
```
#797a5c
```
#797a5c rgb(121,122,92)
```
#818353
```
#818353 rgb(129,131,83)
```
#888b4b
```
#888b4b rgb(136,139,75)
```
#909343
```
#909343 rgb(144,147,67)
```
#979b3b
```
#979b3b rgb(151,155,59)
```
#9fa432
```
#9fa432 rgb(159,164,50)
```
#a6ac2a
```
#a6ac2a rgb(166,172,42)
```
#aeb422
```
#aeb422 rgb(174,180,34)
```
#b5bc1a
```
#b5bc1a rgb(181,188,26)
```
#bdc511
```
#bdc511 rgb(189,197,17)
```
#c4cd09
```
#c4cd09 rgb(196,205,9)
```
#ccd501
```
#ccd501 rgb(204,213,1)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebf95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf00 Protanopia 1% of men
#ffc54c Deuteranopia 1% of men
#dec8d7 Tritanopia 0.001% of the population

Trichromacy

#ddd100 Protanomaly 1% of men, 0.01% of women
#eccb30 Deuteranomaly 6% of men, 0.4% of women
#d7cd89 Tritanomaly 0.01% of the population

#ccd501 hex color

#ccd501 Color Information

#ccd501 Color Conversion

Color Schemes with #ccd501

Alternatives to #ccd501

#ccd501 Preview

Shades and Tints of #ccd501

Tones of #ccd501

Color Blindness Simulator