#ccd02e hex color

In a RGB color space, hex #ccd02e is composed of 80% red, 81.6% green and 18% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 77.9% yellow and 18.4% black. It has a hue angle of 61.5 degrees, a saturation of 63.8% and a lightness of 49.8%. #ccd02e color hex could be obtained by blending #ffff5c with #99a100. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 82
- B 18
RGB color chart
- C 2
- M 0
- Y 78
- K 18
CMYK color chart

● #ccd02e color description : Strong yellow.

The hexadecimal color #ccd02e has RGB values of R:204, G:208, B:46 and CMYK values of C:0.02, M:0, Y:0.78, K:0.18. Its decimal value is 13422638.

Hex triplet	ccd02e	`#ccd02e`
RGB Decimal	204, 208, 46	`rgb(204,208,46)`
RGB Percent	80, 81.6, 18	`rgb(80%,81.6%,18%)`
CMYK	2, 0, 78, 18
HSL	61.5°, 63.8, 49.8	`hsl(61.5,63.8%,49.8%)`
HSV (or HSB)	61.5°, 77.9, 81.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.82, -19.293, 72.994
XYZ	47.951, 58.147, 11.282
xyY	0.409, 0.495, 58.147
CIE-LCH	80.82, 75.501, 104.806
CIE-LUV	80.82, 3.374, 84.283
Hunter-Lab	76.254, -21.199, 44.606
Binary	11001100, 11010000, 00101110

#ccd02e
```
#ccd02e rgb(204,208,46)
```
#322ed0
```
#322ed0 rgb(50,46,208)
```

Complementary Color

#d0832e
```
#d0832e rgb(208,131,46)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```
#7bd02e
```
#7bd02e rgb(123,208,46)
```

Analogous Color

#832ed0
```
#832ed0 rgb(131,46,208)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```
#2e7bd0
```
#2e7bd0 rgb(46,123,208)
```

Split Complementary Color

#d02ecc
```
#d02ecc rgb(208,46,204)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```
#2eccd0
```
#2eccd0 rgb(46,204,208)
```

Triadic Color

#d0322e
```
#d0322e rgb(208,50,46)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```
#2eccd0
```
#2eccd0 rgb(46,204,208)
```
#322ed0
```
#322ed0 rgb(50,46,208)
```

Tetradic Color

#8f9120
```
#8f9120 rgb(143,145,32)
```
#a3a625
```
#a3a625 rgb(163,166,37)
```
#b8bb29
```
#b8bb29 rgb(184,187,41)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```
#d2d542
```
#d2d542 rgb(210,213,66)
```
#d7da57
```
#d7da57 rgb(215,218,87)
```
#dcde6c
```
#dcde6c rgb(220,222,108)
```

Monochromatic Color

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

#d0ac2e
```
#d0ac2e rgb(208,172,46)
```
#d0b92e
```
#d0b92e rgb(208,185,46)
```
#d0c72e
```
#d0c72e rgb(208,199,46)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```
#bfd02e
```
#bfd02e rgb(191,208,46)
```
#b1d02e
```
#b1d02e rgb(177,208,46)
```
#a4d02e
```
#a4d02e rgb(164,208,46)
```

Similar Colors

Text with hexadecimal color #ccd02e

This text has a font color of #ccd02e.

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

#ccd02e background color

This paragraph has a background color of #ccd02e.

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

#ccd02e border color

This element has a border color of #ccd02e.

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

CSS codes

.text {color:#ccd02e;}

.background {background-color:#ccd02e;}

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

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

#0f0f03
```
#0f0f03 rgb(15,15,3)
```
#1f1f07
```
#1f1f07 rgb(31,31,7)
```
#2e2f0a
```
#2e2f0a rgb(46,47,10)
```
#3e3f0e
```
#3e3f0e rgb(62,63,14)
```
#4e4f12
```
#4e4f12 rgb(78,79,18)
```
#5e6015
```
#5e6015 rgb(94,96,21)
```
#6d7019
```
#6d7019 rgb(109,112,25)
```
#7d801c
```
#7d801c rgb(125,128,28)
```
#8d9020
```
#8d9020 rgb(141,144,32)
```
#9da023
```
#9da023 rgb(157,160,35)
```
#acb027
```
#acb027 rgb(172,176,39)
```
#bcc02a
```
#bcc02a rgb(188,192,42)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```

Shade Color Variation

#d0d43d
```
#d0d43d rgb(208,212,61)
```
#d4d84d
```
#d4d84d rgb(212,216,77)
```
#d8db5e
```
#d8db5e rgb(216,219,94)
```
#dcdf6e
```
#dcdf6e rgb(220,223,110)
```
#e0e27e
```
#e0e27e rgb(224,226,126)
```
#e4e68e
```
#e4e68e rgb(228,230,142)
```
#e8ea9e
```
#e8ea9e rgb(232,234,158)
```
#ebedae
```
#ebedae rgb(235,237,174)
```
#eff1be
```
#eff1be rgb(239,241,190)
```
#f3f4ce
```
#f3f4ce rgb(243,244,206)
```
#f7f8de
```
#f7f8de rgb(247,248,222)
```
#fbfbee
```
#fbfbee rgb(251,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#82827c
```
#82827c rgb(130,130,124)
```
#8b8c72
```
#8b8c72 rgb(139,140,114)
```
#949569
```
#949569 rgb(148,149,105)
```
#9e9f5f
```
#9e9f5f rgb(158,159,95)
```
#a7a955
```
#a7a955 rgb(167,169,85)
```
#b0b34b
```
#b0b34b rgb(176,179,75)
```
#b9bc42
```
#b9bc42 rgb(185,188,66)
```
#c3c638
```
#c3c638 rgb(195,198,56)
```
#ccd02e
```
#ccd02e rgb(204,208,46)
```
#d5da24
```
#d5da24 rgb(213,218,36)
```
#dfe41a
```
#dfe41a rgb(223,228,26)
```
#e8ed11
```
#e8ed11 rgb(232,237,17)
```
#f1f707
```
#f1f707 rgb(241,247,7)
```

Tone Color Variation

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

Dichromacy

#e3cb37 Protanopia 1% of men
#fcc142 Deuteranopia 1% of men
#ddc4d2 Tritanopia 0.001% of the population

Trichromacy

#dacd33 Protanomaly 1% of men, 0.01% of women
#ebc73a Deuteranomaly 6% of men, 0.4% of women
#d6c896 Tritanomaly 0.01% of the population

#ccd02e hex color

#ccd02e Color Information

#ccd02e Color Conversion

Color Schemes with #ccd02e

Alternatives to #ccd02e

#ccd02e Preview

Shades and Tints of #ccd02e

Tones of #ccd02e

Color Blindness Simulator