#cadd30 hex color

In a RGB color space, hex #cadd30 is composed of 79.2% red, 86.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 0% magenta, 78.3% yellow and 13.3% black. It has a hue angle of 66.6 degrees, a saturation of 71.8% and a lightness of 52.7%. #cadd30 color hex could be obtained by blending #ffff60 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

● #cadd30 color description : Bright yellow.

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

Hex triplet	cadd30	`#cadd30`
RGB Decimal	202, 221, 48	`rgb(202,221,48)`
RGB Percent	79.2, 86.7, 18.8	`rgb(79.2%,86.7%,18.8%)`
CMYK	9, 0, 78, 13
HSL	66.6°, 71.8, 52.7	`hsl(66.6,71.8%,52.7%)`
HSV (or HSB)	66.6°, 78.3, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.217, -26.341, 75.405
XYZ	50.747, 64.483, 12.569
xyY	0.397, 0.505, 64.483
CIE-LCH	84.217, 79.873, 109.256
CIE-LUV	84.217, -6.09, 89.108
Hunter-Lab	80.301, -27.723, 46.93
Binary	11001010, 11011101, 00110000

#cadd30
```
#cadd30 rgb(202,221,48)
```
#4330dd
```
#4330dd rgb(67,48,221)
```

Complementary Color

#dd9a30
```
#dd9a30 rgb(221,154,48)
```
#cadd30
```
#cadd30 rgb(202,221,48)
```
#74dd30
```
#74dd30 rgb(116,221,48)
```

Analogous Color

#9a30dd
```
#9a30dd rgb(154,48,221)
```
#cadd30
```
#cadd30 rgb(202,221,48)
```
#3074dd
```
#3074dd rgb(48,116,221)
```

Split Complementary Color

#dd30ca
```
#dd30ca rgb(221,48,202)
```
#cadd30
```
#cadd30 rgb(202,221,48)
```
#30cadd
```
#30cadd rgb(48,202,221)
```

Triadic Color

#dd4330
```
#dd4330 rgb(221,67,48)
```
#cadd30
```
#cadd30 rgb(202,221,48)
```
#30cadd
```
#30cadd rgb(48,202,221)
```
#4330dd
```
#4330dd rgb(67,48,221)
```

Tetradic Color

#96a51b
```
#96a51b rgb(150,165,27)
```
#aabb1f
```
#aabb1f rgb(170,187,31)
```
#bed122
```
#bed122 rgb(190,209,34)
```
#cadd30
```
#cadd30 rgb(202,221,48)
```
#d0e146
```
#d0e146 rgb(208,225,70)
```
#d5e45c
```
#d5e45c rgb(213,228,92)
```
#dbe872
```
#dbe872 rgb(219,232,114)
```

Monochromatic Color

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

#ddc530
```
#ddc530 rgb(221,197,48)
```
#ddd330
```
#ddd330 rgb(221,211,48)
```
#d8dd30
```
#d8dd30 rgb(216,221,48)
```
#cadd30
```
#cadd30 rgb(202,221,48)
```
#bcdd30
```
#bcdd30 rgb(188,221,48)
```
#addd30
```
#addd30 rgb(173,221,48)
```
#9fdd30
```
#9fdd30 rgb(159,221,48)
```

Similar Colors

Text with hexadecimal color #cadd30

This text has a font color of #cadd30.

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

#cadd30 background color

This paragraph has a background color of #cadd30.

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

#cadd30 border color

This element has a border color of #cadd30.

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

CSS codes

.text {color:#cadd30;}

.background {background-color:#cadd30;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1a1d05
```
#1a1d05 rgb(26,29,5)
```
#2a2e08
```
#2a2e08 rgb(42,46,8)
```
#393f0a
```
#393f0a rgb(57,63,10)
```
#484f0d
```
#484f0d rgb(72,79,13)
```
#576010
```
#576010 rgb(87,96,16)
```
#677113
```
#677113 rgb(103,113,19)
```
#768215
```
#768215 rgb(118,130,21)
```
#859318
```
#859318 rgb(133,147,24)
```
#95a41b
```
#95a41b rgb(149,164,27)
```
#a4b51e
```
#a4b51e rgb(164,181,30)
```
#b3c520
```
#b3c520 rgb(179,197,32)
```
#c3d623
```
#c3d623 rgb(195,214,35)
```

Shade Color Variation

#cadd30
```
#cadd30 rgb(202,221,48)
```
#cee041
```
#cee041 rgb(206,224,65)
```
#d3e352
```
#d3e352 rgb(211,227,82)
```
#d7e563
```
#d7e563 rgb(215,229,99)
```
#dbe873
```
#dbe873 rgb(219,232,115)
```
#e0eb84
```
#e0eb84 rgb(224,235,132)
```
#e4ee95
```
#e4ee95 rgb(228,238,149)
```
#e8f0a6
```
#e8f0a6 rgb(232,240,166)
```
#edf3b7
```
#edf3b7 rgb(237,243,183)
```
#f1f6c8
```
#f1f6c8 rgb(241,246,200)
```
#f5f9d8
```
#f5f9d8 rgb(245,249,216)
```
#f9fbe9
```
#f9fbe9 rgb(249,251,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#898a83
```
#898a83 rgb(137,138,131)
```
#90937a
```
#90937a rgb(144,147,122)
```
#979c71
```
#979c71 rgb(151,156,113)
```
#9fa568
```
#9fa568 rgb(159,165,104)
```
#a6af5e
```
#a6af5e rgb(166,175,94)
```
#adb855
```
#adb855 rgb(173,184,85)
```
#b4c14c
```
#b4c14c rgb(180,193,76)
```
#bcca43
```
#bcca43 rgb(188,202,67)
```
#c3d439
```
#c3d439 rgb(195,212,57)
```
#cadd30
```
#cadd30 rgb(202,221,48)
```
#d1e627
```
#d1e627 rgb(209,230,39)
```
#d8f01d
```
#d8f01d rgb(216,240,29)
```
#e0f914
```
#e0f914 rgb(224,249,20)
```

Tone Color Variation

Below, you can see how #cadd30 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
#c5c9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd438 Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#ddd0df Tritanopia 0.001% of the population

Trichromacy

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

#cadd30 hex color

#cadd30 Color Information

#cadd30 Color Conversion

Color Schemes with #cadd30

Alternatives to #cadd30

#cadd30 Preview

Shades and Tints of #cadd30

Tones of #cadd30

Color Blindness Simulator