#ccdf12 hex color

In a RGB color space, hex #ccdf12 is composed of 80% red, 87.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 91.9% yellow and 12.5% black. It has a hue angle of 65.6 degrees, a saturation of 85.1% and a lightness of 47.3%. #ccdf12 color hex could be obtained by blending #ffff24 with #99bf00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 87
- B 7
RGB color chart
- C 9
- M 0
- Y 92
- K 13
CMYK color chart

● #ccdf12 color description : Vivid yellow.

The hexadecimal color #ccdf12 has RGB values of R:204, G:223, B:18 and CMYK values of C:0.09, M:0, Y:0.92, K:0.13. Its decimal value is 13426450.

Hex triplet	ccdf12	`#ccdf12`
RGB Decimal	204, 223, 18	`rgb(204,223,18)`
RGB Percent	80, 87.5, 7.1	`rgb(80%,87.5%,7.1%)`
CMYK	9, 0, 92, 13
HSL	65.6°, 85.1, 47.3	`hsl(65.6,85.1%,47.3%)`
HSV (or HSB)	65.6°, 91.9, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.821, -27.217, 82.005
XYZ	51.399, 65.657, 10.538
xyY	0.403, 0.515, 65.657
CIE-LCH	84.821, 86.404, 108.361
CIE-LUV	84.821, -5.856, 93.751
Hunter-Lab	81.029, -28.573, 49.01
Binary	11001100, 11011111, 00010010

#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#2512df
```
#2512df rgb(37,18,223)
```

Complementary Color

#df8c12
```
#df8c12 rgb(223,140,18)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#66df12
```
#66df12 rgb(102,223,18)
```

Analogous Color

#8c12df
```
#8c12df rgb(140,18,223)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#1266df
```
#1266df rgb(18,102,223)
```

Split Complementary Color

#df12cc
```
#df12cc rgb(223,18,204)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#12ccdf
```
#12ccdf rgb(18,204,223)
```

Triadic Color

#df2512
```
#df2512 rgb(223,37,18)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#12ccdf
```
#12ccdf rgb(18,204,223)
```
#2512df
```
#2512df rgb(37,18,223)
```

Tetradic Color

#8b980c
```
#8b980c rgb(139,152,12)
```
#a1b00e
```
#a1b00e rgb(161,176,14)
```
#b6c710
```
#b6c710 rgb(182,199,16)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#daed1e
```
#daed1e rgb(218,237,30)
```
#deef35
```
#deef35 rgb(222,239,53)
```
#e1f14d
```
#e1f14d rgb(225,241,77)
```

Monochromatic Color

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

#dfbf12
```
#dfbf12 rgb(223,191,18)
```
#dfd012
```
#dfd012 rgb(223,208,18)
```
#dddf12
```
#dddf12 rgb(221,223,18)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#bbdf12
```
#bbdf12 rgb(187,223,18)
```
#aadf12
```
#aadf12 rgb(170,223,18)
```
#99df12
```
#99df12 rgb(153,223,18)
```

Similar Colors

Text with hexadecimal color #ccdf12

This text has a font color of #ccdf12.

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

#ccdf12 background color

This paragraph has a background color of #ccdf12.

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

#ccdf12 border color

This element has a border color of #ccdf12.

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

CSS codes

.text {color:#ccdf12;}

.background {background-color:#ccdf12;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#151702
```
#151702 rgb(21,23,2)
```
#262903
```
#262903 rgb(38,41,3)
```
#373c05
```
#373c05 rgb(55,60,5)
```
#474e06
```
#474e06 rgb(71,78,6)
```
#586008
```
#586008 rgb(88,96,8)
```
#687209
```
#687209 rgb(104,114,9)
```
#79840b
```
#79840b rgb(121,132,11)
```
#8a960c
```
#8a960c rgb(138,150,12)
```
#9aa90e
```
#9aa90e rgb(154,169,14)
```
#abbb0f
```
#abbb0f rgb(171,187,15)
```
#bbcd11
```
#bbcd11 rgb(187,205,17)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```

Shade Color Variation

#d9ec18
```
#d9ec18 rgb(217,236,24)
```
#dcee2a
```
#dcee2a rgb(220,238,42)
```
#dfef3d
```
#dfef3d rgb(223,239,61)
```
#e2f14f
```
#e2f14f rgb(226,241,79)
```
#e5f261
```
#e5f261 rgb(229,242,97)
```
#e8f473
```
#e8f473 rgb(232,244,115)
```
#ebf585
```
#ebf585 rgb(235,245,133)
```
#eef797
```
#eef797 rgb(238,247,151)
```
#f1f8a9
```
#f1f8a9 rgb(241,248,169)
```
#f4fabc
```
#f4fabc rgb(244,250,188)
```
#f7fbce
```
#f7fbce rgb(247,251,206)
```
#fafce0
```
#fafce0 rgb(250,252,224)
```
#fdfef2
```
#fdfef2 rgb(253,254,242)
```

Tint Color Variation

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

#797978
```
#797978 rgb(121,121,120)
```
#80826f
```
#80826f rgb(128,130,111)
```
#888c65
```
#888c65 rgb(136,140,101)
```
#90955c
```
#90955c rgb(144,149,92)
```
#979e53
```
#979e53 rgb(151,158,83)
```
#9fa74a
```
#9fa74a rgb(159,167,74)
```
#a6b140
```
#a6b140 rgb(166,177,64)
```
#aeba37
```
#aeba37 rgb(174,186,55)
```
#b5c32e
```
#b5c32e rgb(181,195,46)
```
#bdcc25
```
#bdcc25 rgb(189,204,37)
```
#c4d61b
```
#c4d61b rgb(196,214,27)
```
#ccdf12
```
#ccdf12 rgb(204,223,18)
```
#d4e809
```
#d4e809 rgb(212,232,9)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c89f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d61a Protanopia 1% of men
#ffce7d Deuteranopia 1% of men
#dfd1e0 Tritanopia 0.001% of the population

Trichromacy

#e2d917 Protanomaly 1% of men, 0.01% of women
#ecd456 Deuteranomaly 6% of men, 0.4% of women
#d8d695 Tritanomaly 0.01% of the population

#ccdf12 hex color

#ccdf12 Color Information

#ccdf12 Color Conversion

Color Schemes with #ccdf12

Alternatives to #ccdf12

#ccdf12 Preview

Shades and Tints of #ccdf12

Tones of #ccdf12

Color Blindness Simulator