#ccda02 hex color

In a RGB color space, hex #ccda02 is composed of 80% red, 85.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 99.1% yellow and 14.5% black. It has a hue angle of 63.9 degrees, a saturation of 98.2% and a lightness of 43.1%. #ccda02 color hex could be obtained by blending #ffff04 with #99b500. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 85
- B 1
RGB color chart
- C 6
- M 0
- Y 99
- K 15
CMYK color chart

● #ccda02 color description : Vivid yellow.

The hexadecimal color #ccda02 has RGB values of R:204, G:218, B:2 and CMYK values of C:0.06, M:0, Y:0.99, K:0.15. Its decimal value is 13425154.

Hex triplet	ccda02	`#ccda02`
RGB Decimal	204, 218, 2	`rgb(204,218,2)`
RGB Percent	80, 85.5, 0.8	`rgb(80%,85.5%,0.8%)`
CMYK	6, 0, 99, 15
HSL	63.9°, 98.2, 43.1	`hsl(63.9,98.2%,43.1%)`
HSV (or HSB)	63.9°, 99.1, 85.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.434, -25.012, 82.48
XYZ	49.984, 62.985, 9.582
xyY	0.408, 0.514, 62.985
CIE-LCH	83.434, 86.189, 106.87
CIE-LUV	83.434, -2.706, 92.749
Hunter-Lab	79.363, -26.463, 48.396
Binary	11001100, 11011010, 00000010

#ccda02
```
#ccda02 rgb(204,218,2)
```
#1002da
```
#1002da rgb(16,2,218)
```

Complementary Color

#da7c02
```
#da7c02 rgb(218,124,2)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#60da02
```
#60da02 rgb(96,218,2)
```

Analogous Color

#7c02da
```
#7c02da rgb(124,2,218)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#0260da
```
#0260da rgb(2,96,218)
```

Split Complementary Color

#da02cc
```
#da02cc rgb(218,2,204)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#02ccda
```
#02ccda rgb(2,204,218)
```

Triadic Color

#da1002
```
#da1002 rgb(218,16,2)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#02ccda
```
#02ccda rgb(2,204,218)
```
#1002da
```
#1002da rgb(16,2,218)
```

Tetradic Color

#858e01
```
#858e01 rgb(133,142,1)
```
#9da702
```
#9da702 rgb(157,167,2)
```
#b4c102
```
#b4c102 rgb(180,193,2)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#e4f302
```
#e4f302 rgb(228,243,2)
```
#eefd12
```
#eefd12 rgb(238,253,18)
```
#effd2b
```
#effd2b rgb(239,253,43)
```

Monochromatic Color

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

#dab202
```
#dab202 rgb(218,178,2)
```
#dac402
```
#dac402 rgb(218,196,2)
```
#dad602
```
#dad602 rgb(218,214,2)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#bada02
```
#bada02 rgb(186,218,2)
```
#a8da02
```
#a8da02 rgb(168,218,2)
```
#96da02
```
#96da02 rgb(150,218,2)
```

Similar Colors

Text with hexadecimal color #ccda02

This text has a font color of #ccda02.

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

#ccda02 background color

This paragraph has a background color of #ccda02.

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

#ccda02 border color

This element has a border color of #ccda02.

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

CSS codes

.text {color:#ccda02;}

.background {background-color:#ccda02;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#161800
```
#161800 rgb(22,24,0)
```
#282b00
```
#282b00 rgb(40,43,0)
```
#3a3f01
```
#3a3f01 rgb(58,63,1)
```
#4d5201
```
#4d5201 rgb(77,82,1)
```
#5f6501
```
#5f6501 rgb(95,101,1)
```
#717901
```
#717901 rgb(113,121,1)
```
#838c01
```
#838c01 rgb(131,140,1)
```
#95a001
```
#95a001 rgb(149,160,1)
```
#a8b302
```
#a8b302 rgb(168,179,2)
```
#bac702
```
#bac702 rgb(186,199,2)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```
#deed02
```
#deed02 rgb(222,237,2)
```

Shade Color Variation

#edfd07
```
#edfd07 rgb(237,253,7)
```
#eefd1a
```
#eefd1a rgb(238,253,26)
```
#f0fd2d
```
#f0fd2d rgb(240,253,45)
```
#f1fd41
```
#f1fd41 rgb(241,253,65)
```
#f2fd54
```
#f2fd54 rgb(242,253,84)
```
#f4fe68
```
#f4fe68 rgb(244,254,104)
```
#f5fe7b
```
#f5fe7b rgb(245,254,123)
```
#f7fe8f
```
#f7fe8f rgb(247,254,143)
```
#f8fea2
```
#f8fea2 rgb(248,254,162)
```
#fafeb5
```
#fafeb5 rgb(250,254,181)
```
#fbffc9
```
#fbffc9 rgb(251,255,201)
```
#fcffdc
```
#fcffdc rgb(252,255,220)
```
#fefff0
```
#fefff0 rgb(254,255,240)
```

Tint Color Variation

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

#747468
```
#747468 rgb(116,116,104)
```
#7b7d5f
```
#7b7d5f rgb(123,125,95)
```
#828557
```
#828557 rgb(130,133,87)
```
#8a8e4e
```
#8a8e4e rgb(138,142,78)
```
#919646
```
#919646 rgb(145,150,70)
```
#989f3d
```
#989f3d rgb(152,159,61)
```
#a0a735
```
#a0a735 rgb(160,167,53)
```
#a7b02c
```
#a7b02c rgb(167,176,44)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#b6c11b
```
#b6c11b rgb(182,193,27)
```
#bdc913
```
#bdc913 rgb(189,201,19)
```
#c5d20a
```
#c5d20a rgb(197,210,10)
```
#ccda02
```
#ccda02 rgb(204,218,2)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd200 Protanopia 1% of men
#ffc968 Deuteranopia 1% of men
#dfcddb Tritanopia 0.001% of the population

Trichromacy

#e0d500 Protanomaly 1% of men, 0.01% of women
#eccf42 Deuteranomaly 6% of men, 0.4% of women
#d8d18c Tritanomaly 0.01% of the population

#ccda02 hex color

#ccda02 Color Information

#ccda02 Color Conversion

Color Schemes with #ccda02

Alternatives to #ccda02

#ccda02 Preview

Shades and Tints of #ccda02

Tones of #ccda02

Color Blindness Simulator