colorhexa.com

#cad218 hex color

In a RGB color space, hex #cad218 is composed of 79.2% red, 82.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 88.6% yellow and 17.6% black. It has a hue angle of 62.6 degrees, a saturation of 79.5% and a lightness of 45.9%. #cad218 color hex could be obtained by blending #ffff30 with #95a500. Closest websafe color is: #cccc00.

- R 79
- G 82
- B 9
RGB color chart
- C 4
- M 0
- Y 89
- K 18
CMYK color chart

● #cad218 color description : Strong yellow.

The hexadecimal color #cad218 has RGB values of R:202, G:210, B:24 and CMYK values of C:0.04, M:0, Y:0.89, K:0.18. Its decimal value is 13292056.

Hex triplet	cad218	`#cad218`
RGB Decimal	202, 210, 24	`rgb(202,210,24)`
RGB Percent	79.2, 82.4, 9.4	`rgb(79.2%,82.4%,9.4%)`
CMYK	4, 0, 89, 18
HSL	62.6°, 79.5, 45.9	`hsl(62.6,79.5%,45.9%)`
HSV (or HSB)	62.6°, 88.6, 82.4
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.135, -21.711, 78.177
XYZ	47.569, 58.716, 9.692
xyY	0.41, 0.506, 58.716
CIE-LCH	81.135, 81.135, 105.521
CIE-LUV	81.135, 0.953, 88.21
Hunter-Lab	76.627, -23.286, 46.14
Binary	11001010, 11010010, 00011000

#cad218
```
#cad218 rgb(202,210,24)
```
#2018d2
```
#2018d2 rgb(32,24,210)
```

Complementary Color

#d27d18
```
#d27d18 rgb(210,125,24)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#6dd218
```
#6dd218 rgb(109,210,24)
```

Analogous Color

#7d18d2
```
#7d18d2 rgb(125,24,210)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#186dd2
```
#186dd2 rgb(24,109,210)
```

Split Complementary Color

#d218ca
```
#d218ca rgb(210,24,202)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#18cad2
```
#18cad2 rgb(24,202,210)
```

Triadic Color

#d22018
```
#d22018 rgb(210,32,24)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#18cad2
```
#18cad2 rgb(24,202,210)
```
#2018d2
```
#2018d2 rgb(32,24,210)
```

Tetradic Color

#888d10
```
#888d10 rgb(136,141,16)
```
#9ea413
```
#9ea413 rgb(158,164,19)
```
#b4bb15
```
#b4bb15 rgb(180,187,21)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#dde51e
```
#dde51e rgb(221,229,30)
```
#e0e835
```
#e0e835 rgb(224,232,53)
```
#e4eb4c
```
#e4eb4c rgb(228,235,76)
```

Monochromatic Color

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

#d2ac18
```
#d2ac18 rgb(210,172,24)
```
#d2bb18
```
#d2bb18 rgb(210,187,24)
```
#d2cb18
```
#d2cb18 rgb(210,203,24)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#bbd218
```
#bbd218 rgb(187,210,24)
```
#abd218
```
#abd218 rgb(171,210,24)
```
#9cd218
```
#9cd218 rgb(156,210,24)
```

Similar Colors

Text with hexadecimal color #cad218

This text has a font color of #cad218.

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

#cad218 background color

This paragraph has a background color of #cad218.

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

#cad218 border color

This element has a border color of #cad218.

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

CSS codes

.text {color:#cad218;}

.background {background-color:#cad218;}

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

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

#101002
```
#101002 rgb(16,16,2)
```
#212204
```
#212204 rgb(33,34,4)
```
#323406
```
#323406 rgb(50,52,6)
```
#434508
```
#434508 rgb(67,69,8)
```
#53570a
```
#53570a rgb(83,87,10)
```
#64680c
```
#64680c rgb(100,104,12)
```
#757a0e
```
#757a0e rgb(117,122,14)
```
#868c10
```
#868c10 rgb(134,140,16)
```
#979d12
```
#979d12 rgb(151,157,18)
```
#a8af14
```
#a8af14 rgb(168,175,20)
```
#b9c016
```
#b9c016 rgb(185,192,22)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#dbe41a
```
#dbe41a rgb(219,228,26)
```

Shade Color Variation

#dfe72b
```
#dfe72b rgb(223,231,43)
```
#e1e93c
```
#e1e93c rgb(225,233,60)
```
#e4eb4e
```
#e4eb4e rgb(228,235,78)
```
#e7ed5f
```
#e7ed5f rgb(231,237,95)
```
#e9ef71
```
#e9ef71 rgb(233,239,113)
```
#ecf183
```
#ecf183 rgb(236,241,131)
```
#eff394
```
#eff394 rgb(239,243,148)
```
#f1f5a6
```
#f1f5a6 rgb(241,245,166)
```
#f4f7b7
```
#f4f7b7 rgb(244,247,183)
```
#f7f9c9
```
#f7f9c9 rgb(247,249,201)
```
#f9fbdb
```
#f9fbdb rgb(249,251,219)
```
#fcfdec
```
#fcfdec rgb(252,253,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#787872
```
#787872 rgb(120,120,114)
```
#808169
```
#808169 rgb(128,129,105)
```
#888a60
```
#888a60 rgb(136,138,96)
```
#909357
```
#909357 rgb(144,147,87)
```
#999c4e
```
#999c4e rgb(153,156,78)
```
#a1a545
```
#a1a545 rgb(161,165,69)
```
#a9ae3c
```
#a9ae3c rgb(169,174,60)
```
#b1b733
```
#b1b733 rgb(177,183,51)
```
#bac02a
```
#bac02a rgb(186,192,42)
```
#c2c921
```
#c2c921 rgb(194,201,33)
```
#cad218
```
#cad218 rgb(202,210,24)
```
#d2db0f
```
#d2db0f rgb(210,219,15)
```
#dae406
```
#dae406 rgb(218,228,6)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bdbf9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cc21 Protanopia 1% of men
#fec233 Deuteranopia 1% of men
#dcc6d4 Tritanopia 0.001% of the population

Trichromacy

#dbce1e Protanomaly 1% of men, 0.01% of women
#ebc829 Deuteranomaly 6% of men, 0.4% of women
#d5ca8f Tritanomaly 0.01% of the population