#ccd40e hex color

In a RGB color space, hex #ccd40e is composed of 80% red, 83.1% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 93.4% yellow and 16.9% black. It has a hue angle of 62.4 degrees, a saturation of 87.6% and a lightness of 44.3%. #ccd40e color hex could be obtained by blending #ffff1c with #99a900. Closest websafe color is: #cccc00.

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

● #ccd40e color description : Strong yellow.

The hexadecimal color #ccd40e has RGB values of R:204, G:212, B:14 and CMYK values of C:0.04, M:0, Y:0.93, K:0.17. Its decimal value is 13423630.

Hex triplet	ccd40e	`#ccd40e`
RGB Decimal	204, 212, 14	`rgb(204,212,14)`
RGB Percent	80, 83.1, 5.5	`rgb(80%,83.1%,5.5%)`
CMYK	4, 0, 93, 17
HSL	62.4°, 87.6, 44.3	`hsl(62.4,87.6%,44.3%)`
HSV (or HSB)	62.4°, 93.4, 83.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.815, -21.997, 80.152
XYZ	48.525, 59.957, 9.432
xyY	0.412, 0.508, 59.957
CIE-LCH	81.815, 83.116, 105.347
CIE-LUV	81.815, 1.06, 89.816
Hunter-Lab	77.432, -23.644, 46.98
Binary	11001100, 11010100, 00001110

#ccd40e
```
#ccd40e rgb(204,212,14)
```
#160ed4
```
#160ed4 rgb(22,14,212)
```

Complementary Color

#d4790e
```
#d4790e rgb(212,121,14)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#69d40e
```
#69d40e rgb(105,212,14)
```

Analogous Color

#790ed4
```
#790ed4 rgb(121,14,212)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#0e69d4
```
#0e69d4 rgb(14,105,212)
```

Split Complementary Color

#d40ecc
```
#d40ecc rgb(212,14,204)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#0eccd4
```
#0eccd4 rgb(14,204,212)
```

Triadic Color

#d4160e
```
#d4160e rgb(212,22,14)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#0eccd4
```
#0eccd4 rgb(14,204,212)
```
#160ed4
```
#160ed4 rgb(22,14,212)
```

Tetradic Color

#878c09
```
#878c09 rgb(135,140,9)
```
#9ea40b
```
#9ea40b rgb(158,164,11)
```
#b5bc0c
```
#b5bc0c rgb(181,188,12)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#e3ec10
```
#e3ec10 rgb(227,236,16)
```
#e8f124
```
#e8f124 rgb(232,241,36)
```
#ebf23c
```
#ebf23c rgb(235,242,60)
```

Monochromatic Color

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

#d4ab0e
```
#d4ab0e rgb(212,171,14)
```
#d4bb0e
```
#d4bb0e rgb(212,187,14)
```
#d4cc0e
```
#d4cc0e rgb(212,204,14)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#bcd40e
```
#bcd40e rgb(188,212,14)
```
#abd40e
```
#abd40e rgb(171,212,14)
```
#9bd40e
```
#9bd40e rgb(155,212,14)
```

Similar Colors

Text with hexadecimal color #ccd40e

This text has a font color of #ccd40e.

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

#ccd40e background color

This paragraph has a background color of #ccd40e.

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

#ccd40e border color

This element has a border color of #ccd40e.

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

CSS codes

.text {color:#ccd40e;}

.background {background-color:#ccd40e;}

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

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, #090a01 is the darkest color, while #fefef6 is the lightest one.

#090a01
```
#090a01 rgb(9,10,1)
```
#1b1c02
```
#1b1c02 rgb(27,28,2)
```
#2d2e03
```
#2d2e03 rgb(45,46,3)
```
#3e4104
```
#3e4104 rgb(62,65,4)
```
#505305
```
#505305 rgb(80,83,5)
```
#626607
```
#626607 rgb(98,102,7)
```
#737808
```
#737808 rgb(115,120,8)
```
#858a09
```
#858a09 rgb(133,138,9)
```
#979d0a
```
#979d0a rgb(151,157,10)
```
#a9af0c
```
#a9af0c rgb(169,175,12)
```
#bac20d
```
#bac20d rgb(186,194,13)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#dee60f
```
#dee60f rgb(222,230,15)
```

Shade Color Variation

#e7f019
```
#e7f019 rgb(231,240,25)
```
#e9f12c
```
#e9f12c rgb(233,241,44)
```
#ebf23e
```
#ebf23e rgb(235,242,62)
```
#edf351
```
#edf351 rgb(237,243,81)
```
#eff563
```
#eff563 rgb(239,245,99)
```
#f1f675
```
#f1f675 rgb(241,246,117)
```
#f3f788
```
#f3f788 rgb(243,247,136)
```
#f5f89a
```
#f5f89a rgb(245,248,154)
```
#f6faad
```
#f6faad rgb(246,250,173)
```
#f8fbbf
```
#f8fbbf rgb(248,251,191)
```
#fafcd1
```
#fafcd1 rgb(250,252,209)
```
#fcfde4
```
#fcfde4 rgb(252,253,228)
```
#fefef6
```
#fefef6 rgb(254,254,246)
```

Tint Color Variation

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

#74746e
```
#74746e rgb(116,116,110)
```
#7c7d65
```
#7c7d65 rgb(124,125,101)
```
#84865c
```
#84865c rgb(132,134,92)
```
#8c8e54
```
#8c8e54 rgb(140,142,84)
```
#94974b
```
#94974b rgb(148,151,75)
```
#9ca042
```
#9ca042 rgb(156,160,66)
```
#a4a939
```
#a4a939 rgb(164,169,57)
```
#acb131
```
#acb131 rgb(172,177,49)
```
#b4ba28
```
#b4ba28 rgb(180,186,40)
```
#bcc31f
```
#bcc31f rgb(188,195,31)
```
#c4cb17
```
#c4cb17 rgb(196,203,23)
```
#ccd40e
```
#ccd40e rgb(204,212,14)
```
#d4dd05
```
#d4dd05 rgb(212,221,5)
```

Tone Color Variation

Below, you can see how #ccd40e 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
#bec098 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#ddd013 Protanomaly 1% of men, 0.01% of women
#ecca31 Deuteranomaly 6% of men, 0.4% of women
#d7cc8d Tritanomaly 0.01% of the population

#ccd40e hex color

#ccd40e Color Information

#ccd40e Color Conversion

Color Schemes with #ccd40e

Alternatives to #ccd40e

#ccd40e Preview

Shades and Tints of #ccd40e

Tones of #ccd40e

Color Blindness Simulator