colorhexa.com

#cdde1f hex color

In a RGB color space, hex #cdde1f is composed of 80.4% red, 87.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 86% yellow and 12.9% black. It has a hue angle of 65.3 degrees, a saturation of 75.5% and a lightness of 49.6%. #cdde1f color hex could be obtained by blending #ffff3e with #9bbd00. Closest websafe color is: #cccc33.

- R 80
- G 87
- B 12
RGB color chart
- C 8
- M 0
- Y 86
- K 13
CMYK color chart

● #cdde1f color description : Vivid yellow.

The hexadecimal color #cdde1f has RGB values of R:205, G:222, B:31 and CMYK values of C:0.08, M:0, Y:0.86, K:0.13. Its decimal value is 13491743.

Hex triplet	cdde1f	`#cdde1f`
RGB Decimal	205, 222, 31	`rgb(205,222,31)`
RGB Percent	80.4, 87.1, 12.2	`rgb(80.4%,87.1%,12.2%)`
CMYK	8, 0, 86, 13
HSL	65.3°, 75.5, 49.6	`hsl(65.3,75.5%,49.6%)`
HSV (or HSB)	65.3°, 86, 87.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.649, -26.088, 79.854
XYZ	51.545, 65.321, 11.189
xyY	0.403, 0.51, 65.321
CIE-LCH	84.649, 84.007, 108.092
CIE-LUV	84.649, -4.654, 92.117
Hunter-Lab	80.821, -27.596, 48.367
Binary	11001101, 11011110, 00011111

#cdde1f
```
#cdde1f rgb(205,222,31)
```
#301fde
```
#301fde rgb(48,31,222)
```

Complementary Color

#de901f
```
#de901f rgb(222,144,31)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```
#6ede1f
```
#6ede1f rgb(110,222,31)
```

Analogous Color

#901fde
```
#901fde rgb(144,31,222)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```
#1f6ede
```
#1f6ede rgb(31,110,222)
```

Split Complementary Color

#de1fcd
```
#de1fcd rgb(222,31,205)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```
#1fcdde
```
#1fcdde rgb(31,205,222)
```

Triadic Color

#de301f
```
#de301f rgb(222,48,31)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```
#1fcdde
```
#1fcdde rgb(31,205,222)
```
#301fde
```
#301fde rgb(48,31,222)
```

Tetradic Color

#8f9b16
```
#8f9b16 rgb(143,155,22)
```
#a4b119
```
#a4b119 rgb(164,177,25)
```
#b8c81c
```
#b8c81c rgb(184,200,28)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```
#d3e334
```
#d3e334 rgb(211,227,52)
```
#d8e64a
```
#d8e64a rgb(216,230,74)
```
#dde961
```
#dde961 rgb(221,233,97)
```

Monochromatic Color

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

#debf1f
```
#debf1f rgb(222,191,31)
```
#decf1f
```
#decf1f rgb(222,207,31)
```
#ddde1f
```
#ddde1f rgb(221,222,31)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```
#bdde1f
```
#bdde1f rgb(189,222,31)
```
#adde1f
```
#adde1f rgb(173,222,31)
```
#9dde1f
```
#9dde1f rgb(157,222,31)
```

Similar Colors

Text with hexadecimal color #cdde1f

This text has a font color of #cdde1f.

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

#cdde1f background color

This paragraph has a background color of #cdde1f.

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

#cdde1f border color

This element has a border color of #cdde1f.

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

CSS codes

.text {color:#cdde1f;}

.background {background-color:#cdde1f;}

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

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

#0e0f02
```
#0e0f02 rgb(14,15,2)
```
#1e2105
```
#1e2105 rgb(30,33,5)
```
#2e3207
```
#2e3207 rgb(46,50,7)
```
#3e4309
```
#3e4309 rgb(62,67,9)
```
#4e540c
```
#4e540c rgb(78,84,12)
```
#5e660e
```
#5e660e rgb(94,102,14)
```
#6e7711
```
#6e7711 rgb(110,119,17)
```
#7e8813
```
#7e8813 rgb(126,136,19)
```
#8d9915
```
#8d9915 rgb(141,153,21)
```
#9daa18
```
#9daa18 rgb(157,170,24)
```
#adbc1a
```
#adbc1a rgb(173,188,26)
```
#bdcd1d
```
#bdcd1d rgb(189,205,29)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```

Shade Color Variation

#d2e22f
```
#d2e22f rgb(210,226,47)
```
#d6e440
```
#d6e440 rgb(214,228,64)
```
#d9e751
```
#d9e751 rgb(217,231,81)
```
#dde962
```
#dde962 rgb(221,233,98)
```
#e1ec74
```
#e1ec74 rgb(225,236,116)
```
#e5ee85
```
#e5ee85 rgb(229,238,133)
```
#e8f096
```
#e8f096 rgb(232,240,150)
```
#ecf3a7
```
#ecf3a7 rgb(236,243,167)
```
#f0f5b8
```
#f0f5b8 rgb(240,245,184)
```
#f3f8ca
```
#f3f8ca rgb(243,248,202)
```
#f7fadb
```
#f7fadb rgb(247,250,219)
```
#fbfcec
```
#fbfcec rgb(251,252,236)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#858677
```
#858677 rgb(133,134,119)
```
#8d906d
```
#8d906d rgb(141,144,109)
```
#959a63
```
#959a63 rgb(149,154,99)
```
#9da459
```
#9da459 rgb(157,164,89)
```
#a5ad50
```
#a5ad50 rgb(165,173,80)
```
#adb746
```
#adb746 rgb(173,183,70)
```
#b5c13c
```
#b5c13c rgb(181,193,60)
```
#bdcb32
```
#bdcb32 rgb(189,203,50)
```
#c5d429
```
#c5d429 rgb(197,212,41)
```
#cdde1f
```
#cdde1f rgb(205,222,31)
```
#d5e815
```
#d5e815 rgb(213,232,21)
```
#ddf10c
```
#ddf10c rgb(221,241,12)
```
#e5fb02
```
#e5fb02 rgb(229,251,2)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c5c8a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd627 Protanopia 1% of men
#ffcd7b Deuteranopia 1% of men
#e0d1df Tritanopia 0.001% of the population

Trichromacy

#e2d824 Protanomaly 1% of men, 0.01% of women
#ecd359 Deuteranomaly 6% of men, 0.4% of women
#d9d599 Tritanomaly 0.01% of the population