#ccd414 hex color

In a RGB color space, hex #ccd414 is composed of 80% red, 83.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 90.6% yellow and 16.9% black. It has a hue angle of 62.5 degrees, a saturation of 82.8% and a lightness of 45.5%. #ccd414 color hex could be obtained by blending #ffff28 with #99a900. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 83
- B 8
RGB color chart
- C 4
- M 0
- Y 91
- K 17
CMYK color chart

● #ccd414 color description : Strong yellow.

The hexadecimal color #ccd414 has RGB values of R:204, G:212, B:20 and CMYK values of C:0.04, M:0, Y:0.91, K:0.17. Its decimal value is 13423636.

Hex triplet	ccd414	`#ccd414`
RGB Decimal	204, 212, 20	`rgb(204,212,20)`
RGB Percent	80, 83.1, 7.8	`rgb(80%,83.1%,7.8%)`
CMYK	4, 0, 91, 17
HSL	62.5°, 82.8, 45.5	`hsl(62.5,82.8%,45.5%)`
HSV (or HSB)	62.5°, 90.6, 83.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.825, -21.912, 79.402
XYZ	48.572, 59.975, 9.68
xyY	0.411, 0.507, 59.975
CIE-LCH	81.825, 82.37, 105.428
CIE-LUV	81.825, 1.033, 89.367
Hunter-Lab	77.444, -23.574, 46.8
Binary	11001100, 11010100, 00010100

#ccd414
```
#ccd414 rgb(204,212,20)
```
#1c14d4
```
#1c14d4 rgb(28,20,212)
```

Complementary Color

#d47c14
```
#d47c14 rgb(212,124,20)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#6cd414
```
#6cd414 rgb(108,212,20)
```

Analogous Color

#7c14d4
```
#7c14d4 rgb(124,20,212)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#146cd4
```
#146cd4 rgb(20,108,212)
```

Split Complementary Color

#d414cc
```
#d414cc rgb(212,20,204)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#14ccd4
```
#14ccd4 rgb(20,204,212)
```

Triadic Color

#d41c14
```
#d41c14 rgb(212,28,20)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#14ccd4
```
#14ccd4 rgb(20,204,212)
```
#1c14d4
```
#1c14d4 rgb(28,20,212)
```

Tetradic Color

#898e0d
```
#898e0d rgb(137,142,13)
```
#9fa510
```
#9fa510 rgb(159,165,16)
```
#b6bd12
```
#b6bd12 rgb(182,189,18)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#e1e918
```
#e1e918 rgb(225,233,24)
```
#e4eb30
```
#e4eb30 rgb(228,235,48)
```
#e7ee47
```
#e7ee47 rgb(231,238,71)
```

Monochromatic Color

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

#d4ac14
```
#d4ac14 rgb(212,172,20)
```
#d4bc14
```
#d4bc14 rgb(212,188,20)
```
#d4cc14
```
#d4cc14 rgb(212,204,20)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#bcd414
```
#bcd414 rgb(188,212,20)
```
#acd414
```
#acd414 rgb(172,212,20)
```
#9cd414
```
#9cd414 rgb(156,212,20)
```

Similar Colors

Text with hexadecimal color #ccd414

This text has a font color of #ccd414.

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

#ccd414 background color

This paragraph has a background color of #ccd414.

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

#ccd414 border color

This element has a border color of #ccd414.

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

CSS codes

.text {color:#ccd414;}

.background {background-color:#ccd414;}

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

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

#0e0f01
```
#0e0f01 rgb(14,15,1)
```
#202103
```
#202103 rgb(32,33,3)
```
#313305
```
#313305 rgb(49,51,5)
```
#424506
```
#424506 rgb(66,69,6)
```
#535708
```
#535708 rgb(83,87,8)
```
#65680a
```
#65680a rgb(101,104,10)
```
#767a0c
```
#767a0c rgb(118,122,12)
```
#878c0d
```
#878c0d rgb(135,140,13)
```
#989e0f
```
#989e0f rgb(152,158,15)
```
#aab011
```
#aab011 rgb(170,176,17)
```
#bbc212
```
#bbc212 rgb(187,194,18)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#dde616
```
#dde616 rgb(221,230,22)
```

Shade Color Variation

#e2ea25
```
#e2ea25 rgb(226,234,37)
```
#e5ec37
```
#e5ec37 rgb(229,236,55)
```
#e7ee49
```
#e7ee49 rgb(231,238,73)
```
#e9ef5b
```
#e9ef5b rgb(233,239,91)
```
#ecf16d
```
#ecf16d rgb(236,241,109)
```
#eef37e
```
#eef37e rgb(238,243,126)
```
#f0f590
```
#f0f590 rgb(240,245,144)
```
#f3f6a2
```
#f3f6a2 rgb(243,246,162)
```
#f5f8b4
```
#f5f8b4 rgb(245,248,180)
```
#f7fac6
```
#f7fac6 rgb(247,250,198)
```
#fafbd8
```
#fafbd8 rgb(250,251,216)
```
#fcfdea
```
#fcfdea rgb(252,253,234)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#7a7b6d
```
#7a7b6d rgb(122,123,109)
```
#828464
```
#828464 rgb(130,132,100)
```
#8b8d5b
```
#8b8d5b rgb(139,141,91)
```
#939652
```
#939652 rgb(147,150,82)
```
#9b9e4a
```
#9b9e4a rgb(155,158,74)
```
#a3a741
```
#a3a741 rgb(163,167,65)
```
#abb038
```
#abb038 rgb(171,176,56)
```
#b3b92f
```
#b3b92f rgb(179,185,47)
```
#bcc226
```
#bcc226 rgb(188,194,38)
```
#c4cb1d
```
#c4cb1d rgb(196,203,29)
```
#ccd414
```
#ccd414 rgb(204,212,20)
```
#d4dd0b
```
#d4dd0b rgb(212,221,11)
```
#dce602
```
#dce602 rgb(220,230,2)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfc19a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce1d Protanopia 1% of men
#ffc446 Deuteranopia 1% of men
#dec8d6 Tritanopia 0.001% of the population

Trichromacy

#ddd019 Protanomaly 1% of men, 0.01% of women
#ecca34 Deuteranomaly 6% of men, 0.4% of women
#d7cc8f Tritanomaly 0.01% of the population

#ccd414 hex color

#ccd414 Color Information

#ccd414 Color Conversion

Color Schemes with #ccd414

Alternatives to #ccd414

#ccd414 Preview

Shades and Tints of #ccd414

Tones of #ccd414

Color Blindness Simulator