#ccd601 hex color

In a RGB color space, hex #ccd601 is composed of 80% red, 83.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 99.5% yellow and 16.1% black. It has a hue angle of 62.8 degrees, a saturation of 99.1% and a lightness of 42.2%. #ccd601 color hex could be obtained by blending #ffff02 with #99ad00. Closest websafe color is: #cccc00.

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

● #ccd601 color description : Strong yellow.

The hexadecimal color #ccd601 has RGB values of R:204, G:214, B:1 and CMYK values of C:0.05, M:0, Y:1, K:0.16. Its decimal value is 13424129.

Hex triplet	ccd601	`#ccd601`
RGB Decimal	204, 214, 1	`rgb(204,214,1)`
RGB Percent	80, 83.9, 0.4	`rgb(80%,83.9%,0.4%)`
CMYK	5, 0, 100, 16
HSL	62.8°, 99.1, 42.2	`hsl(62.8,99.1%,42.2%)`
HSV (or HSB)	62.8°, 99.5, 83.9
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.343, -23.099, 81.759
XYZ	48.954, 60.933, 9.211
xyY	0.411, 0.512, 60.933
CIE-LCH	82.343, 84.959, 105.776
CIE-LUV	82.343, -0.175, 91.283
Hunter-Lab	78.06, -24.661, 47.645
Binary	11001100, 11010110, 00000001

#ccd601
```
#ccd601 rgb(204,214,1)
```
#0b01d6
```
#0b01d6 rgb(11,1,214)
```

Complementary Color

#d67601
```
#d67601 rgb(214,118,1)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```
#62d601
```
#62d601 rgb(98,214,1)
```

Analogous Color

#7601d6
```
#7601d6 rgb(118,1,214)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```
#0161d6
```
#0161d6 rgb(1,97,214)
```

Split Complementary Color

#d601cc
```
#d601cc rgb(214,1,204)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```
#01ccd6
```
#01ccd6 rgb(1,204,214)
```

Triadic Color

#d60b01
```
#d60b01 rgb(214,11,1)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```
#01ccd6
```
#01ccd6 rgb(1,204,214)
```
#0b01d6
```
#0b01d6 rgb(11,1,214)
```

Tetradic Color

#838a01
```
#838a01 rgb(131,138,1)
```
#9ca301
```
#9ca301 rgb(156,163,1)
```
#b4bd01
```
#b4bd01 rgb(180,189,1)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```
#e4ef01
```
#e4ef01 rgb(228,239,1)
```
#f3fe0c
```
#f3fe0c rgb(243,254,12)
```
#f4fe26
```
#f4fe26 rgb(244,254,38)
```

Monochromatic Color

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

#d6ab01
```
#d6ab01 rgb(214,171,1)
```
#d6bd01
```
#d6bd01 rgb(214,189,1)
```
#d6ce01
```
#d6ce01 rgb(214,206,1)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```
#bad601
```
#bad601 rgb(186,214,1)
```
#a9d601
```
#a9d601 rgb(169,214,1)
```
#97d601
```
#97d601 rgb(151,214,1)
```

Similar Colors

Text with hexadecimal color #ccd601

This text has a font color of #ccd601.

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

#ccd601 background color

This paragraph has a background color of #ccd601.

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

#ccd601 border color

This element has a border color of #ccd601.

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

CSS codes

.text {color:#ccd601;}

.background {background-color:#ccd601;}

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

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

#121300
```
#121300 rgb(18,19,0)
```
#242600
```
#242600 rgb(36,38,0)
```
#373a00
```
#373a00 rgb(55,58,0)
```
#4a4d00
```
#4a4d00 rgb(74,77,0)
```
#5c6100
```
#5c6100 rgb(92,97,0)
```
#6f7401
```
#6f7401 rgb(111,116,1)
```
#828801
```
#828801 rgb(130,136,1)
```
#949b01
```
#949b01 rgb(148,155,1)
```
#a7af01
```
#a7af01 rgb(167,175,1)
```
#b9c201
```
#b9c201 rgb(185,194,1)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```
#dfea01
```
#dfea01 rgb(223,234,1)
```
#f1fd01
```
#f1fd01 rgb(241,253,1)
```

Shade Color Variation

#f3fe14
```
#f3fe14 rgb(243,254,20)
```
#f4fe27
```
#f4fe27 rgb(244,254,39)
```
#f5fe3b
```
#f5fe3b rgb(245,254,59)
```
#f6fe4f
```
#f6fe4f rgb(246,254,79)
```
#f7fe62
```
#f7fe62 rgb(247,254,98)
```
#f8fe76
```
#f8fe76 rgb(248,254,118)
```
#f9fe89
```
#f9fe89 rgb(249,254,137)
```
#faff9d
```
#faff9d rgb(250,255,157)
```
#fbffb0
```
#fbffb0 rgb(251,255,176)
```
#fcffc4
```
#fcffc4 rgb(252,255,196)
```
#fdffd7
```
#fdffd7 rgb(253,255,215)
```
#feffeb
```
#feffeb rgb(254,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#727364
```
#727364 rgb(114,115,100)
```
#7a7b5c
```
#7a7b5c rgb(122,123,92)
```
#818354
```
#818354 rgb(129,131,84)
```
#898c4b
```
#898c4b rgb(137,140,75)
```
#909443
```
#909443 rgb(144,148,67)
```
#989c3b
```
#989c3b rgb(152,156,59)
```
#9fa433
```
#9fa433 rgb(159,164,51)
```
#a7ad2a
```
#a7ad2a rgb(167,173,42)
```
#aeb522
```
#aeb522 rgb(174,181,34)
```
#b6bd1a
```
#b6bd1a rgb(182,189,26)
```
#bdc512
```
#bdc512 rgb(189,197,18)
```
#c5ce09
```
#c5ce09 rgb(197,206,9)
```
#ccd601
```
#ccd601 rgb(204,214,1)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bec096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf00 Protanopia 1% of men
#ffc652 Deuteranopia 1% of men
#dec9d7 Tritanopia 0.001% of the population

Trichromacy

#ded200 Protanomaly 1% of men, 0.01% of women
#eccc35 Deuteranomaly 6% of men, 0.4% of women
#d7ce89 Tritanomaly 0.01% of the population

#ccd601 hex color

#ccd601 Color Information

#ccd601 Color Conversion

Color Schemes with #ccd601

Alternatives to #ccd601

#ccd601 Preview

Shades and Tints of #ccd601

Tones of #ccd601

Color Blindness Simulator