colorhexa.com

#cdd902 hex color

In a RGB color space, hex #cdd902 is composed of 80.4% red, 85.1% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 99.1% yellow and 14.9% black. It has a hue angle of 63.3 degrees, a saturation of 98.2% and a lightness of 42.9%. #cdd902 color hex could be obtained by blending #ffff04 with #9bb300. Closest websafe color is: #cccc00.

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

● #cdd902 color description : Vivid yellow.

The hexadecimal color #cdd902 has RGB values of R:205, G:217, B:2 and CMYK values of C:0.06, M:0, Y:0.99, K:0.15. Its decimal value is 13490434.

Hex triplet	cdd902	`#cdd902`
RGB Decimal	205, 217, 2	`rgb(205,217,2)`
RGB Percent	80.4, 85.1, 0.8	`rgb(80.4%,85.1%,0.8%)`
CMYK	6, 0, 99, 15
HSL	63.3°, 98.2, 42.9	`hsl(63.3,98.2%,42.9%)`
HSV (or HSB)	63.3°, 99.1, 85.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.237, -24.115, 82.366
XYZ	50.001, 62.61, 9.508
xyY	0.409, 0.513, 62.61
CIE-LCH	83.237, 85.823, 106.319
CIE-LUV	83.237, -1.418, 92.373
Hunter-Lab	79.126, -25.675, 48.264
Binary	11001101, 11011001, 00000010

#cdd902
```
#cdd902 rgb(205,217,2)
```
#0e02d9
```
#0e02d9 rgb(14,2,217)
```

Complementary Color

#d97a02
```
#d97a02 rgb(217,122,2)
```
#cdd902
```
#cdd902 rgb(205,217,2)
```
#62d902
```
#62d902 rgb(98,217,2)
```

Analogous Color

#7a02d9
```
#7a02d9 rgb(122,2,217)
```
#cdd902
```
#cdd902 rgb(205,217,2)
```
#0262d9
```
#0262d9 rgb(2,98,217)
```

Split Complementary Color

#d902cd
```
#d902cd rgb(217,2,205)
```
#cdd902
```
#cdd902 rgb(205,217,2)
```
#02cdd9
```
#02cdd9 rgb(2,205,217)
```

Triadic Color

#858d01
```
#858d01 rgb(133,141,1)
```
#9da602
```
#9da602 rgb(157,166,2)
```
#b5c002
```
#b5c002 rgb(181,192,2)
```
#cdd902
```
#cdd902 rgb(205,217,2)
```
#e5f202
```
#e5f202 rgb(229,242,2)
```
#f0fd11
```
#f0fd11 rgb(240,253,17)
```
#f1fd2a
```
#f1fd2a rgb(241,253,42)
```

Monochromatic Color

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

#d9af02
```
#d9af02 rgb(217,175,2)
```
#d9c102
```
#d9c102 rgb(217,193,2)
```
#d9d302
```
#d9d302 rgb(217,211,2)
```
#cdd902
```
#cdd902 rgb(205,217,2)
```
#bbd902
```
#bbd902 rgb(187,217,2)
```
#a9d902
```
#a9d902 rgb(169,217,2)
```
#97d902
```
#97d902 rgb(151,217,2)
```

Similar Colors

Text with hexadecimal color #cdd902

This text has a font color of #cdd902.

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

#cdd902 background color

This paragraph has a background color of #cdd902.

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

#cdd902 border color

This element has a border color of #cdd902.

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

CSS codes

.text {color:#cdd902;}

.background {background-color:#cdd902;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#151700
```
#151700 rgb(21,23,0)
```
#282a00
```
#282a00 rgb(40,42,0)
```
#3a3e01
```
#3a3e01 rgb(58,62,1)
```
#4c5101
```
#4c5101 rgb(76,81,1)
```
#5f6401
```
#5f6401 rgb(95,100,1)
```
#717801
```
#717801 rgb(113,120,1)
```
#848b01
```
#848b01 rgb(132,139,1)
```
#969f01
```
#969f01 rgb(150,159,1)
```
#a8b202
```
#a8b202 rgb(168,178,2)
```
#bbc602
```
#bbc602 rgb(187,198,2)
```
#cdd902
```
#cdd902 rgb(205,217,2)
```
#dfec02
```
#dfec02 rgb(223,236,2)
```

Shade Color Variation

#effd06
```
#effd06 rgb(239,253,6)
```
#f0fd19
```
#f0fd19 rgb(240,253,25)
```
#f1fd2c
```
#f1fd2c rgb(241,253,44)
```
#f3fd40
```
#f3fd40 rgb(243,253,64)
```
#f4fd53
```
#f4fd53 rgb(244,253,83)
```
#f5fe67
```
#f5fe67 rgb(245,254,103)
```
#f6fe7a
```
#f6fe7a rgb(246,254,122)
```
#f8fe8e
```
#f8fe8e rgb(248,254,142)
```
#f9fea1
```
#f9fea1 rgb(249,254,161)
```
#fafeb4
```
#fafeb4 rgb(250,254,180)
```
#fbfec8
```
#fbfec8 rgb(251,254,200)
```
#fdffdb
```
#fdffdb rgb(253,255,219)
```
#feffef
```
#feffef rgb(254,255,239)
```

Tint Color Variation

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

#737467
```
#737467 rgb(115,116,103)
```
#7b7c5f
```
#7b7c5f rgb(123,124,95)
```
#828556
```
#828556 rgb(130,133,86)
```
#8a8d4e
```
#8a8d4e rgb(138,141,78)
```
#919645
```
#919645 rgb(145,150,69)
```
#999e3d
```
#999e3d rgb(153,158,61)
```
#a0a635
```
#a0a635 rgb(160,166,53)
```
#a8af2c
```
#a8af2c rgb(168,175,44)
```
#afb724
```
#afb724 rgb(175,183,36)
```
#b7c01b
```
#b7c01b rgb(183,192,27)
```
#bec813
```
#bec813 rgb(190,200,19)
```
#c6d10a
```
#c6d10a rgb(198,209,10)
```
#cdd902
```
#cdd902 rgb(205,217,2)
```

Tone Color Variation

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

#ebd200 Protanopia 1% of men
#ffc964 Deuteranopia 1% of men
#dfccda Tritanopia 0.001% of the population

Trichromacy

#e0d400 Protanomaly 1% of men, 0.01% of women
#eccf40 Deuteranomaly 6% of men, 0.4% of women
#d9d08b Tritanomaly 0.01% of the population