#caad3e hex color

In a RGB color space, hex #caad3e is composed of 79.2% red, 67.8% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.4% magenta, 69.3% yellow and 20.8% black. It has a hue angle of 47.6 degrees, a saturation of 56.9% and a lightness of 51.8%. #caad3e color hex could be obtained by blending #ffff7c with #955b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 68
- B 24
RGB color chart
- C 0
- M 14
- Y 69
- K 21
CMYK color chart

● #caad3e color description : Moderate yellow.

The hexadecimal color #caad3e has RGB values of R:202, G:173, B:62 and CMYK values of C:0, M:0.14, Y:0.69, K:0.21. Its decimal value is 13282622.

Hex triplet	caad3e	`#caad3e`
RGB Decimal	202, 173, 62	`rgb(202,173,62)`
RGB Percent	79.2, 67.8, 24.3	`rgb(79.2%,67.8%,24.3%)`
CMYK	0, 14, 69, 21
HSL	47.6°, 56.9, 51.8	`hsl(47.6,56.9%,51.8%)`
HSV (or HSB)	47.6°, 69.3, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.414, -1.559, 58.417
XYZ	40.171, 42.793, 10.701
xyY	0.429, 0.457, 42.793
CIE-LCH	71.414, 58.438, 91.529
CIE-LUV	71.414, 25.208, 65.863
Hunter-Lab	65.416, -4.866, 36.092
Binary	11001010, 10101101, 00111110

#caad3e
```
#caad3e rgb(202,173,62)
```
#3e5bca
```
#3e5bca rgb(62,91,202)
```

Complementary Color

#ca673e
```
#ca673e rgb(202,103,62)
```
#caad3e
```
#caad3e rgb(202,173,62)
```
#a1ca3e
```
#a1ca3e rgb(161,202,62)
```

Analogous Color

#673eca
```
#673eca rgb(103,62,202)
```
#caad3e
```
#caad3e rgb(202,173,62)
```
#3ea1ca
```
#3ea1ca rgb(62,161,202)
```

Split Complementary Color

#ad3eca
```
#ad3eca rgb(173,62,202)
```
#caad3e
```
#caad3e rgb(202,173,62)
```
#3ecaad
```
#3ecaad rgb(62,202,173)
```

Triadic Color

#ca3e5b
```
#ca3e5b rgb(202,62,91)
```
#caad3e
```
#caad3e rgb(202,173,62)
```
#3ecaad
```
#3ecaad rgb(62,202,173)
```
#3e5bca
```
#3e5bca rgb(62,91,202)
```

Tetradic Color

#937d28
```
#937d28 rgb(147,125,40)
```
#a78e2e
```
#a78e2e rgb(167,142,46)
```
#bb9f33
```
#bb9f33 rgb(187,159,51)
```
#caad3e
```
#caad3e rgb(202,173,62)
```
#cfb652
```
#cfb652 rgb(207,182,82)
```
#d5be66
```
#d5be66 rgb(213,190,102)
```
#dac77a
```
#dac77a rgb(218,199,122)
```

Monochromatic Color

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

#ca8a3e
```
#ca8a3e rgb(202,138,62)
```
#ca963e
```
#ca963e rgb(202,150,62)
```
#caa13e
```
#caa13e rgb(202,161,62)
```
#caad3e
```
#caad3e rgb(202,173,62)
```
#cab93e
```
#cab93e rgb(202,185,62)
```
#cac43e
```
#cac43e rgb(202,196,62)
```
#c4ca3e
```
#c4ca3e rgb(196,202,62)
```

Similar Colors

Text with hexadecimal color #caad3e

This text has a font color of #caad3e.

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

#caad3e background color

This paragraph has a background color of #caad3e.

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

#caad3e border color

This element has a border color of #caad3e.

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

CSS codes

.text {color:#caad3e;}

.background {background-color:#caad3e;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#161306
```
#161306 rgb(22,19,6)
```
#26200a
```
#26200a rgb(38,32,10)
```
#352d0f
```
#352d0f rgb(53,45,15)
```
#453a13
```
#453a13 rgb(69,58,19)
```
#544717
```
#544717 rgb(84,71,23)
```
#63541b
```
#63541b rgb(99,84,27)
```
#736220
```
#736220 rgb(115,98,32)
```
#826f24
```
#826f24 rgb(130,111,36)
```
#927c28
```
#927c28 rgb(146,124,40)
```
#a1892c
```
#a1892c rgb(161,137,44)
```
#b09630
```
#b09630 rgb(176,150,48)
```
#c0a335
```
#c0a335 rgb(192,163,53)
```

Shade Color Variation

#caad3e
```
#caad3e rgb(202,173,62)
```
#ceb44d
```
#ceb44d rgb(206,180,77)
```
#d2ba5d
```
#d2ba5d rgb(210,186,93)
```
#d7c16c
```
#d7c16c rgb(215,193,108)
```
#dbc77c
```
#dbc77c rgb(219,199,124)
```
#dfce8b
```
#dfce8b rgb(223,206,139)
```
#e3d49a
```
#e3d49a rgb(227,212,154)
```
#e8dbaa
```
#e8dbaa rgb(232,219,170)
```
#ece1b9
```
#ece1b9 rgb(236,225,185)
```
#f0e8c9
```
#f0e8c9 rgb(240,232,201)
```
#f4eed8
```
#f4eed8 rgb(244,238,216)
```
#f8f5e7
```
#f8f5e7 rgb(248,245,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#888680
```
#888680 rgb(136,134,128)
```
#918c77
```
#918c77 rgb(145,140,119)
```
#9b916d
```
#9b916d rgb(155,145,109)
```
#a49764
```
#a49764 rgb(164,151,100)
```
#ae9c5a
```
#ae9c5a rgb(174,156,90)
```
#b7a251
```
#b7a251 rgb(183,162,81)
```
#c1a747
```
#c1a747 rgb(193,167,71)
```
#caad3e
```
#caad3e rgb(202,173,62)
```
#d3b335
```
#d3b335 rgb(211,179,53)
```
#ddb82b
```
#ddb82b rgb(221,184,43)
```
#e6be22
```
#e6be22 rgb(230,190,34)
```
#f0c318
```
#f0c318 rgb(240,195,24)
```
#f9c90f
```
#f9c90f rgb(249,201,15)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b0aa94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b348 Protanopia 1% of men
#dcaa4a Deuteranopia 1% of men
#d6a6b2 Tritanopia 0.001% of the population

Trichromacy

#c8b144 Protanomaly 1% of men, 0.01% of women
#d6ab46 Deuteranomaly 6% of men, 0.4% of women
#d1a888 Tritanomaly 0.01% of the population

#caad3e hex color

#caad3e Color Information

#caad3e Color Conversion

Color Schemes with #caad3e

Alternatives to #caad3e

#caad3e Preview

Shades and Tints of #caad3e

Tones of #caad3e

Color Blindness Simulator