#ccd40c hex color

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

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

● #ccd40c color description : Strong yellow.

The hexadecimal color #ccd40c has RGB values of R:204, G:212, B:12 and CMYK values of C:0.04, M:0, Y:0.94, K:0.17. Its decimal value is 13423628.

Hex triplet	ccd40c	`#ccd40c`
RGB Decimal	204, 212, 12	`rgb(204,212,12)`
RGB Percent	80, 83.1, 4.7	`rgb(80%,83.1%,4.7%)`
CMYK	4, 0, 94, 17
HSL	62.4°, 89.3, 43.9	`hsl(62.4,89.3%,43.9%)`
HSV (or HSB)	62.4°, 94.3, 83.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.812, -22.02, 80.36
XYZ	48.512, 59.951, 9.364
xyY	0.412, 0.509, 59.951
CIE-LCH	81.812, 83.323, 105.324
CIE-LUV	81.812, 1.068, 89.939
Hunter-Lab	77.428, -23.663, 47.029
Binary	11001100, 11010100, 00001100

#ccd40c
```
#ccd40c rgb(204,212,12)
```
#140cd4
```
#140cd4 rgb(20,12,212)
```

Complementary Color

#d4780c
```
#d4780c rgb(212,120,12)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#68d40c
```
#68d40c rgb(104,212,12)
```

Analogous Color

#780cd4
```
#780cd4 rgb(120,12,212)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#0c68d4
```
#0c68d4 rgb(12,104,212)
```

Split Complementary Color

#d40ccc
```
#d40ccc rgb(212,12,204)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#0cccd4
```
#0cccd4 rgb(12,204,212)
```

Triadic Color

#d4140c
```
#d4140c rgb(212,20,12)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#0cccd4
```
#0cccd4 rgb(12,204,212)
```
#140cd4
```
#140cd4 rgb(20,12,212)
```

Tetradic Color

#868c08
```
#868c08 rgb(134,140,8)
```
#9ea409
```
#9ea409 rgb(158,164,9)
```
#b5bc0b
```
#b5bc0b rgb(181,188,11)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#e3ec0d
```
#e3ec0d rgb(227,236,13)
```
#eaf221
```
#eaf221 rgb(234,242,33)
```
#ecf439
```
#ecf439 rgb(236,244,57)
```

Monochromatic Color

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

#d4aa0c
```
#d4aa0c rgb(212,170,12)
```
#d4bb0c
```
#d4bb0c rgb(212,187,12)
```
#d4cb0c
```
#d4cb0c rgb(212,203,12)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#bbd40c
```
#bbd40c rgb(187,212,12)
```
#abd40c
```
#abd40c rgb(171,212,12)
```
#9ad40c
```
#9ad40c rgb(154,212,12)
```

Similar Colors

Text with hexadecimal color #ccd40c

This text has a font color of #ccd40c.

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

#ccd40c background color

This paragraph has a background color of #ccd40c.

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

#ccd40c border color

This element has a border color of #ccd40c.

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

CSS codes

.text {color:#ccd40c;}

.background {background-color:#ccd40c;}

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

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

#070800
```
#070800 rgb(7,8,0)
```
#191a01
```
#191a01 rgb(25,26,1)
```
#2b2d03
```
#2b2d03 rgb(43,45,3)
```
#3d3f04
```
#3d3f04 rgb(61,63,4)
```
#4f5205
```
#4f5205 rgb(79,82,5)
```
#616506
```
#616506 rgb(97,101,6)
```
#737707
```
#737707 rgb(115,119,7)
```
#858a08
```
#858a08 rgb(133,138,8)
```
#969c09
```
#969c09 rgb(150,156,9)
```
#a8af0a
```
#a8af0a rgb(168,175,10)
```
#bac10b
```
#bac10b rgb(186,193,11)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#dee70d
```
#dee70d rgb(222,231,13)
```

Shade Color Variation

#e9f215
```
#e9f215 rgb(233,242,21)
```
#ebf328
```
#ebf328 rgb(235,243,40)
```
#ecf43b
```
#ecf43b rgb(236,244,59)
```
#eef54d
```
#eef54d rgb(238,245,77)
```
#f0f660
```
#f0f660 rgb(240,246,96)
```
#f2f772
```
#f2f772 rgb(242,247,114)
```
#f3f885
```
#f3f885 rgb(243,248,133)
```
#f5f997
```
#f5f997 rgb(245,249,151)
```
#f7faaa
```
#f7faaa rgb(247,250,170)
```
#f9fbbd
```
#f9fbbd rgb(249,251,189)
```
#fafccf
```
#fafccf rgb(250,252,207)
```
#fcfde2
```
#fcfde2 rgb(252,253,226)
```
#fefef4
```
#fefef4 rgb(254,254,244)
```

Tint Color Variation

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

#75756b
```
#75756b rgb(117,117,107)
```
#7d7e62
```
#7d7e62 rgb(125,126,98)
```
#85865a
```
#85865a rgb(133,134,90)
```
#8d8f51
```
#8d8f51 rgb(141,143,81)
```
#959848
```
#959848 rgb(149,152,72)
```
#9ca040
```
#9ca040 rgb(156,160,64)
```
#a4a937
```
#a4a937 rgb(164,169,55)
```
#acb22e
```
#acb22e rgb(172,178,46)
```
#b4ba26
```
#b4ba26 rgb(180,186,38)
```
#bcc31d
```
#bcc31d rgb(188,195,29)
```
#c4cb15
```
#c4cb15 rgb(196,203,21)
```
#ccd40c
```
#ccd40c rgb(204,212,12)
```
#d4dd03
```
#d4dd03 rgb(212,221,3)
```

Tone Color Variation

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

#e7ce14 Protanopia 1% of men
#ffc445 Deuteranopia 1% of men
#dec7d6 Tritanopia 0.001% of the population

Trichromacy

#ddd011 Protanomaly 1% of men, 0.01% of women
#ecca30 Deuteranomaly 6% of men, 0.4% of women
#d7cc8c Tritanomaly 0.01% of the population

#ccd40c hex color

#ccd40c Color Information

#ccd40c Color Conversion

Color Schemes with #ccd40c

Alternatives to #ccd40c

#ccd40c Preview

Shades and Tints of #ccd40c

Tones of #ccd40c

Color Blindness Simulator