#cadd0f hex color

In a RGB color space, hex #cadd0f is composed of 79.2% red, 86.7% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 0% magenta, 93.2% yellow and 13.3% black. It has a hue angle of 65.5 degrees, a saturation of 87.3% and a lightness of 46.3%. #cadd0f color hex could be obtained by blending #ffff1e with #95bb00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 79
- G 87
- B 6
RGB color chart
- C 9
- M 0
- Y 93
- K 13
CMYK color chart

● #cadd0f color description : Vivid yellow.

The hexadecimal color #cadd0f has RGB values of R:202, G:221, B:15 and CMYK values of C:0.09, M:0, Y:0.93, K:0.13. Its decimal value is 13294863.

Hex triplet	cadd0f	`#cadd0f`
RGB Decimal	202, 221, 15	`rgb(202,221,15)`
RGB Percent	79.2, 86.7, 5.9	`rgb(79.2%,86.7%,5.9%)`
CMYK	9, 0, 93, 13
HSL	65.5°, 87.3, 46.3	`hsl(65.5,87.3%,46.3%)`
HSV (or HSB)	65.5°, 93.2, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.124, -27.136, 81.753
XYZ	50.3, 64.304, 10.214
xyY	0.403, 0.515, 64.304
CIE-LCH	84.124, 86.139, 108.363
CIE-LUV	84.124, -5.904, 93.189
Hunter-Lab	80.19, -28.367, 48.581
Binary	11001010, 11011101, 00001111

#cadd0f
```
#cadd0f rgb(202,221,15)
```
#220fdd
```
#220fdd rgb(34,15,221)
```

Complementary Color

#dd890f
```
#dd890f rgb(221,137,15)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```
#63dd0f
```
#63dd0f rgb(99,221,15)
```

Analogous Color

#890fdd
```
#890fdd rgb(137,15,221)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```
#0f63dd
```
#0f63dd rgb(15,99,221)
```

Split Complementary Color

#dd0fca
```
#dd0fca rgb(221,15,202)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```
#0fcadd
```
#0fcadd rgb(15,202,221)
```

Triadic Color

#dd220f
```
#dd220f rgb(221,34,15)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```
#0fcadd
```
#0fcadd rgb(15,202,221)
```
#220fdd
```
#220fdd rgb(34,15,221)
```

Tetradic Color

#89950a
```
#89950a rgb(137,149,10)
```
#9ead0c
```
#9ead0c rgb(158,173,12)
```
#b4c50d
```
#b4c50d rgb(180,197,13)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```
#dbef16
```
#dbef16 rgb(219,239,22)
```
#dff12e
```
#dff12e rgb(223,241,46)
```
#e3f246
```
#e3f246 rgb(227,242,70)
```

Monochromatic Color

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

#ddbd0f
```
#ddbd0f rgb(221,189,15)
```
#ddce0f
```
#ddce0f rgb(221,206,15)
```
#dbdd0f
```
#dbdd0f rgb(219,221,15)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```
#b9dd0f
```
#b9dd0f rgb(185,221,15)
```
#a8dd0f
```
#a8dd0f rgb(168,221,15)
```
#97dd0f
```
#97dd0f rgb(151,221,15)
```

Similar Colors

Text with hexadecimal color #cadd0f

This text has a font color of #cadd0f.

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

#cadd0f background color

This paragraph has a background color of #cadd0f.

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

#cadd0f border color

This element has a border color of #cadd0f.

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

CSS codes

.text {color:#cadd0f;}

.background {background-color:#cadd0f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111301
```
#111301 rgb(17,19,1)
```
#222503
```
#222503 rgb(34,37,3)
```
#333804
```
#333804 rgb(51,56,4)
```
#444a05
```
#444a05 rgb(68,74,5)
```
#545c06
```
#545c06 rgb(84,92,6)
```
#656f08
```
#656f08 rgb(101,111,8)
```
#768109
```
#768109 rgb(118,129,9)
```
#87940a
```
#87940a rgb(135,148,10)
```
#98a60b
```
#98a60b rgb(152,166,11)
```
#a8b80d
```
#a8b80d rgb(168,184,13)
```
#b9cb0e
```
#b9cb0e rgb(185,203,14)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```

Shade Color Variation

#daef11
```
#daef11 rgb(218,239,17)
```
#ddf023
```
#ddf023 rgb(221,240,35)
```
#e0f136
```
#e0f136 rgb(224,241,54)
```
#e3f348
```
#e3f348 rgb(227,243,72)
```
#e6f45a
```
#e6f45a rgb(230,244,90)
```
#e8f56d
```
#e8f56d rgb(232,245,109)
```
#ebf67f
```
#ebf67f rgb(235,246,127)
```
#eef891
```
#eef891 rgb(238,248,145)
```
#f1f9a4
```
#f1f9a4 rgb(241,249,164)
```
#f4fab6
```
#f4fab6 rgb(244,250,182)
```
#f7fbc8
```
#f7fbc8 rgb(247,251,200)
```
#f9fddb
```
#f9fddb rgb(249,253,219)
```
#fcfeed
```
#fcfeed rgb(252,254,237)
```

Tint Color Variation

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

#797973
```
#797973 rgb(121,121,115)
```
#80826a
```
#80826a rgb(128,130,106)
```
#878b61
```
#878b61 rgb(135,139,97)
```
#8f9458
```
#8f9458 rgb(143,148,88)
```
#969d4f
```
#969d4f rgb(150,157,79)
```
#9ea745
```
#9ea745 rgb(158,167,69)
```
#a5b03c
```
#a5b03c rgb(165,176,60)
```
#acb933
```
#acb933 rgb(172,185,51)
```
#b4c22a
```
#b4c22a rgb(180,194,42)
```
#bbcb21
```
#bbcb21 rgb(187,203,33)
```
#c3d418
```
#c3d418 rgb(195,212,24)
```
#cadd0f
```
#cadd0f rgb(202,221,15)
```
#d1e606
```
#d1e606 rgb(209,230,6)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed416 Protanopia 1% of men
#ffcc73 Deuteranopia 1% of men
#ddcfde Tritanopia 0.001% of the population

Trichromacy

#e0d713 Protanomaly 1% of men, 0.01% of women
#ebd24e Deuteranomaly 6% of men, 0.4% of women
#d6d493 Tritanomaly 0.01% of the population

#cadd0f hex color

#cadd0f Color Information

#cadd0f Color Conversion

Color Schemes with #cadd0f

Alternatives to #cadd0f

#cadd0f Preview

Shades and Tints of #cadd0f

Tones of #cadd0f

Color Blindness Simulator