#cadd31 hex color

In a RGB color space, hex #cadd31 is composed of 79.2% red, 86.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 0% magenta, 77.8% yellow and 13.3% black. It has a hue angle of 66.6 degrees, a saturation of 71.7% and a lightness of 52.9%. #cadd31 color hex could be obtained by blending #ffff62 with #95bb00. Closest websafe color is: #cccc33.

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

● #cadd31 color description : Bright yellow.

The hexadecimal color #cadd31 has RGB values of R:202, G:221, B:49 and CMYK values of C:0.09, M:0, Y:0.78, K:0.13. Its decimal value is 13294897.

Hex triplet	cadd31	`#cadd31`
RGB Decimal	202, 221, 49	`rgb(202,221,49)`
RGB Percent	79.2, 86.7, 19.2	`rgb(79.2%,86.7%,19.2%)`
CMYK	9, 0, 78, 13
HSL	66.6°, 71.7, 52.9	`hsl(66.6,71.7%,52.9%)`
HSV (or HSB)	66.6°, 77.8, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.221, -26.304, 75.129
XYZ	50.768, 64.491, 12.679
xyY	0.397, 0.504, 64.491
CIE-LCH	84.221, 79.601, 109.296
CIE-LUV	84.221, -6.098, 88.92
Hunter-Lab	80.307, -27.693, 46.854
Binary	11001010, 11011101, 00110001

#cadd31
```
#cadd31 rgb(202,221,49)
```
#4431dd
```
#4431dd rgb(68,49,221)
```

Complementary Color

#dd9a31
```
#dd9a31 rgb(221,154,49)
```
#cadd31
```
#cadd31 rgb(202,221,49)
```
#74dd31
```
#74dd31 rgb(116,221,49)
```

Analogous Color

#9a31dd
```
#9a31dd rgb(154,49,221)
```
#cadd31
```
#cadd31 rgb(202,221,49)
```
#3174dd
```
#3174dd rgb(49,116,221)
```

Split Complementary Color

#dd31ca
```
#dd31ca rgb(221,49,202)
```
#cadd31
```
#cadd31 rgb(202,221,49)
```
#31cadd
```
#31cadd rgb(49,202,221)
```

Triadic Color

#dd4431
```
#dd4431 rgb(221,68,49)
```
#cadd31
```
#cadd31 rgb(202,221,49)
```
#31cadd
```
#31cadd rgb(49,202,221)
```
#4431dd
```
#4431dd rgb(68,49,221)
```

Tetradic Color

#97a61b
```
#97a61b rgb(151,166,27)
```
#abbc1f
```
#abbc1f rgb(171,188,31)
```
#bfd223
```
#bfd223 rgb(191,210,35)
```
#cadd31
```
#cadd31 rgb(202,221,49)
```
#d0e147
```
#d0e147 rgb(208,225,71)
```
#d5e45d
```
#d5e45d rgb(213,228,93)
```
#dbe873
```
#dbe873 rgb(219,232,115)
```

Monochromatic Color

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

#ddc531
```
#ddc531 rgb(221,197,49)
```
#ddd331
```
#ddd331 rgb(221,211,49)
```
#d8dd31
```
#d8dd31 rgb(216,221,49)
```
#cadd31
```
#cadd31 rgb(202,221,49)
```
#bcdd31
```
#bcdd31 rgb(188,221,49)
```
#addd31
```
#addd31 rgb(173,221,49)
```
#9fdd31
```
#9fdd31 rgb(159,221,49)
```

Similar Colors

Text with hexadecimal color #cadd31

This text has a font color of #cadd31.

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

#cadd31 background color

This paragraph has a background color of #cadd31.

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

#cadd31 border color

This element has a border color of #cadd31.

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

CSS codes

.text {color:#cadd31;}

.background {background-color:#cadd31;}

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

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

#0c0d02
```
#0c0d02 rgb(12,13,2)
```
#1b1e05
```
#1b1e05 rgb(27,30,5)
```
#2a2f08
```
#2a2f08 rgb(42,47,8)
```
#3a3f0a
```
#3a3f0a rgb(58,63,10)
```
#49500d
```
#49500d rgb(73,80,13)
```
#586110
```
#586110 rgb(88,97,16)
```
#677213
```
#677213 rgb(103,114,19)
```
#778316
```
#778316 rgb(119,131,22)
```
#869418
```
#869418 rgb(134,148,24)
```
#95a41b
```
#95a41b rgb(149,164,27)
```
#a5b51e
```
#a5b51e rgb(165,181,30)
```
#b4c621
```
#b4c621 rgb(180,198,33)
```
#c3d723
```
#c3d723 rgb(195,215,35)
```

Shade Color Variation

#cadd31
```
#cadd31 rgb(202,221,49)
```
#cee042
```
#cee042 rgb(206,224,66)
```
#d3e353
```
#d3e353 rgb(211,227,83)
```
#d7e564
```
#d7e564 rgb(215,229,100)
```
#dbe874
```
#dbe874 rgb(219,232,116)
```
#e0eb85
```
#e0eb85 rgb(224,235,133)
```
#e4ee96
```
#e4ee96 rgb(228,238,150)
```
#e8f0a7
```
#e8f0a7 rgb(232,240,167)
```
#edf3b8
```
#edf3b8 rgb(237,243,184)
```
#f1f6c9
```
#f1f6c9 rgb(241,246,201)
```
#f5f9d9
```
#f5f9d9 rgb(245,249,217)
```
#fafcea
```
#fafcea rgb(250,252,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#898a84
```
#898a84 rgb(137,138,132)
```
#90937b
```
#90937b rgb(144,147,123)
```
#989c72
```
#989c72 rgb(152,156,114)
```
#9fa668
```
#9fa668 rgb(159,166,104)
```
#a6af5f
```
#a6af5f rgb(166,175,95)
```
#adb856
```
#adb856 rgb(173,184,86)
```
#b4c14d
```
#b4c14d rgb(180,193,77)
```
#bccb43
```
#bccb43 rgb(188,203,67)
```
#c3d43a
```
#c3d43a rgb(195,212,58)
```
#cadd31
```
#cadd31 rgb(202,221,49)
```
#d1e628
```
#d1e628 rgb(209,230,40)
```
#d8ef1f
```
#d8ef1f rgb(216,239,31)
```
#e0f915
```
#e0f915 rgb(224,249,21)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c5c9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd439 Protanopia 1% of men
#ffcc77 Deuteranopia 1% of men
#ddd0df Tritanopia 0.001% of the population

Trichromacy

#e0d736 Protanomaly 1% of men, 0.01% of women
#ebd25d Deuteranomaly 6% of men, 0.4% of women
#d6d59f Tritanomaly 0.01% of the population

#cadd31 hex color

#cadd31 Color Information

#cadd31 Color Conversion

Color Schemes with #cadd31

Alternatives to #cadd31

#cadd31 Preview

Shades and Tints of #cadd31

Tones of #cadd31

Color Blindness Simulator