#cadd57 hex color

In a RGB color space, hex #cadd57 is composed of 79.2% red, 86.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 0% magenta, 60.6% yellow and 13.3% black. It has a hue angle of 68.5 degrees, a saturation of 66.3% and a lightness of 60.4%. #cadd57 color hex could be obtained by blending #ffffae with #95bb00. Closest websafe color is: #cccc66.

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

● #cadd57 color description : Soft yellow.

The hexadecimal color #cadd57 has RGB values of R:202, G:221, B:87 and CMYK values of C:0.09, M:0, Y:0.61, K:0.13. Its decimal value is 13294935.

Hex triplet	cadd57	`#cadd57`
RGB Decimal	202, 221, 87	`rgb(202,221,87)`
RGB Percent	79.2, 86.7, 34.1	`rgb(79.2%,86.7%,34.1%)`
CMYK	9, 0, 61, 13
HSL	68.5°, 66.3, 60.4	`hsl(68.5,66.3%,60.4%)`
HSV (or HSB)	68.5°, 60.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.462, -24.261, 61.805
XYZ	51.933, 64.958, 18.819
xyY	0.383, 0.479, 64.958
CIE-LCH	84.462, 66.396, 111.432
CIE-LUV	84.462, -6.57, 78.618
Hunter-Lab	80.596, -26.025, 42.574
Binary	11001010, 11011101, 01010111

#cadd57
```
#cadd57 rgb(202,221,87)
```
#6a57dd
```
#6a57dd rgb(106,87,221)
```

Complementary Color

#ddad57
```
#ddad57 rgb(221,173,87)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#87dd57
```
#87dd57 rgb(135,221,87)
```

Analogous Color

#ad57dd
```
#ad57dd rgb(173,87,221)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#5787dd
```
#5787dd rgb(87,135,221)
```

Split Complementary Color

#dd57ca
```
#dd57ca rgb(221,87,202)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#57cadd
```
#57cadd rgb(87,202,221)
```

Triadic Color

#dd6a57
```
#dd6a57 rgb(221,106,87)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#57cadd
```
#57cadd rgb(87,202,221)
```
#6a57dd
```
#6a57dd rgb(106,87,221)
```

Tetradic Color

#abc127
```
#abc127 rgb(171,193,39)
```
#bdd42d
```
#bdd42d rgb(189,212,45)
```
#c3d942
```
#c3d942 rgb(195,217,66)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#d1e16c
```
#d1e16c rgb(209,225,108)
```
#d7e681
```
#d7e681 rgb(215,230,129)
```
#deea97
```
#deea97 rgb(222,234,151)
```

Monochromatic Color

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

#ddcf57
```
#ddcf57 rgb(221,207,87)
```
#ddda57
```
#ddda57 rgb(221,218,87)
```
#d5dd57
```
#d5dd57 rgb(213,221,87)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#bfdd57
```
#bfdd57 rgb(191,221,87)
```
#b4dd57
```
#b4dd57 rgb(180,221,87)
```
#a9dd57
```
#a9dd57 rgb(169,221,87)
```

Similar Colors

Text with hexadecimal color #cadd57

This text has a font color of #cadd57.

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

#cadd57 background color

This paragraph has a background color of #cadd57.

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

#cadd57 border color

This element has a border color of #cadd57.

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

CSS codes

.text {color:#cadd57;}

.background {background-color:#cadd57;}

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

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

#0a0b02
```
#0a0b02 rgb(10,11,2)
```
#191c06
```
#191c06 rgb(25,28,6)
```
#272c09
```
#272c09 rgb(39,44,9)
```
#363c0c
```
#363c0c rgb(54,60,12)
```
#444d10
```
#444d10 rgb(68,77,16)
```
#535d13
```
#535d13 rgb(83,93,19)
```
#616d16
```
#616d16 rgb(97,109,22)
```
#6f7e19
```
#6f7e19 rgb(111,126,25)
```
#7e8e1d
```
#7e8e1d rgb(126,142,29)
```
#8c9e20
```
#8c9e20 rgb(140,158,32)
```
#9baf23
```
#9baf23 rgb(155,175,35)
```
#a9bf27
```
#a9bf27 rgb(169,191,39)
```
#b8cf2a
```
#b8cf2a rgb(184,207,42)
```

Shade Color Variation

#c0d636
```
#c0d636 rgb(192,214,54)
```
#c5da47
```
#c5da47 rgb(197,218,71)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#cfe067
```
#cfe067 rgb(207,224,103)
```
#d4e478
```
#d4e478 rgb(212,228,120)
```
#d9e788
```
#d9e788 rgb(217,231,136)
```
#dfea98
```
#dfea98 rgb(223,234,152)
```
#e4eea9
```
#e4eea9 rgb(228,238,169)
```
#e9f1b9
```
#e9f1b9 rgb(233,241,185)
```
#eef4c9
```
#eef4c9 rgb(238,244,201)
```
#f3f7da
```
#f3f7da rgb(243,247,218)
```
#f8fbea
```
#f8fbea rgb(248,251,234)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#9d9f95
```
#9d9f95 rgb(157,159,149)
```
#a3a78d
```
#a3a78d rgb(163,167,141)
```
#a9ae86
```
#a9ae86 rgb(169,174,134)
```
#aeb67e
```
#aeb67e rgb(174,182,126)
```
#b4be76
```
#b4be76 rgb(180,190,118)
```
#b9c66e
```
#b9c66e rgb(185,198,110)
```
#bfcd67
```
#bfcd67 rgb(191,205,103)
```
#c4d55f
```
#c4d55f rgb(196,213,95)
```
#cadd57
```
#cadd57 rgb(202,221,87)
```
#d0e54f
```
#d0e54f rgb(208,229,79)
```
#d5ed47
```
#d5ed47 rgb(213,237,71)
```
#dbf440
```
#dbf440 rgb(219,244,64)
```
#e0fc38
```
#e0fc38 rgb(224,252,56)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c8ccb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd55d Protanopia 1% of men
#ffcc80 Deuteranopia 1% of men
#dcd1e0 Tritanopia 0.001% of the population

Trichromacy

#dfd85a Protanomaly 1% of men, 0.01% of women
#ebd271 Deuteranomaly 6% of men, 0.4% of women
#d5d5ae Tritanomaly 0.01% of the population

#cadd57 hex color

#cadd57 Color Information

#cadd57 Color Conversion

Color Schemes with #cadd57

Alternatives to #cadd57

#cadd57 Preview

Shades and Tints of #cadd57

Tones of #cadd57

Color Blindness Simulator