#caad2e hex color

In a RGB color space, hex #caad2e is composed of 79.2% red, 67.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.4% magenta, 77.2% yellow and 20.8% black. It has a hue angle of 48.8 degrees, a saturation of 62.9% and a lightness of 48.6%. #caad2e color hex could be obtained by blending #ffff5c with #955b00. Closest websafe color is: #cc9933.

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

● #caad2e color description : Strong yellow.

The hexadecimal color #caad2e has RGB values of R:202, G:173, B:46 and CMYK values of C:0, M:0.14, Y:0.77, K:0.21. Its decimal value is 13282606.

Hex triplet	caad2e	`#caad2e`
RGB Decimal	202, 173, 46	`rgb(202,173,46)`
RGB Percent	79.2, 67.8, 18	`rgb(79.2%,67.8%,18%)`
CMYK	0, 14, 77, 21
HSL	48.8°, 62.9, 48.6	`hsl(48.8,62.9%,48.6%)`
HSV (or HSB)	48.8°, 77.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.312, -2.292, 64.331
XYZ	39.794, 42.642, 8.719
xyY	0.437, 0.468, 42.642
CIE-LCH	71.312, 64.372, 92.041
CIE-LUV	71.312, 25.73, 70.067
Hunter-Lab	65.301, -5.5, 37.794
Binary	11001010, 10101101, 00101110

#caad2e
```
#caad2e rgb(202,173,46)
```
#2e4bca
```
#2e4bca rgb(46,75,202)
```

Complementary Color

#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#caad2e
```
#caad2e rgb(202,173,46)
```
#99ca2e
```
#99ca2e rgb(153,202,46)
```

Analogous Color

#5f2eca
```
#5f2eca rgb(95,46,202)
```
#caad2e
```
#caad2e rgb(202,173,46)
```
#2e99ca
```
#2e99ca rgb(46,153,202)
```

Split Complementary Color

#ad2eca
```
#ad2eca rgb(173,46,202)
```
#caad2e
```
#caad2e rgb(202,173,46)
```
#2ecaad
```
#2ecaad rgb(46,202,173)
```

Triadic Color

#ca2e4b
```
#ca2e4b rgb(202,46,75)
```
#caad2e
```
#caad2e rgb(202,173,46)
```
#2ecaad
```
#2ecaad rgb(46,202,173)
```
#2e4bca
```
#2e4bca rgb(46,75,202)
```

Tetradic Color

#8c7820
```
#8c7820 rgb(140,120,32)
```
#a08925
```
#a08925 rgb(160,137,37)
```
#b59b29
```
#b59b29 rgb(181,155,41)
```
#caad2e
```
#caad2e rgb(202,173,46)
```
#d3b73e
```
#d3b73e rgb(211,183,62)
```
#d8bf53
```
#d8bf53 rgb(216,191,83)
```
#ddc768
```
#ddc768 rgb(221,199,104)
```

Monochromatic Color

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

#ca862e
```
#ca862e rgb(202,134,46)
```
#ca932e
```
#ca932e rgb(202,147,46)
```
#caa02e
```
#caa02e rgb(202,160,46)
```
#caad2e
```
#caad2e rgb(202,173,46)
```
#caba2e
```
#caba2e rgb(202,186,46)
```
#cac72e
```
#cac72e rgb(202,199,46)
```
#c0ca2e
```
#c0ca2e rgb(192,202,46)
```

Similar Colors

Text with hexadecimal color #caad2e

This text has a font color of #caad2e.

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

#caad2e background color

This paragraph has a background color of #caad2e.

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

#caad2e border color

This element has a border color of #caad2e.

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

CSS codes

.text {color:#caad2e;}

.background {background-color:#caad2e;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1a1606
```
#1a1606 rgb(26,22,6)
```
#2a240a
```
#2a240a rgb(42,36,10)
```
#3a320d
```
#3a320d rgb(58,50,13)
```
#4a4011
```
#4a4011 rgb(74,64,17)
```
#5a4d15
```
#5a4d15 rgb(90,77,21)
```
#6a5b18
```
#6a5b18 rgb(106,91,24)
```
#7a691c
```
#7a691c rgb(122,105,28)
```
#8a761f
```
#8a761f rgb(138,118,31)
```
#9a8423
```
#9a8423 rgb(154,132,35)
```
#aa9227
```
#aa9227 rgb(170,146,39)
```
#ba9f2a
```
#ba9f2a rgb(186,159,42)
```
#caad2e
```
#caad2e rgb(202,173,46)
```

Shade Color Variation

#d2b63a
```
#d2b63a rgb(210,182,58)
```
#d6bc4a
```
#d6bc4a rgb(214,188,74)
```
#d9c25a
```
#d9c25a rgb(217,194,90)
```
#ddc76a
```
#ddc76a rgb(221,199,106)
```
#e1cd79
```
#e1cd79 rgb(225,205,121)
```
#e4d389
```
#e4d389 rgb(228,211,137)
```
#e8d999
```
#e8d999 rgb(232,217,153)
```
#ecdfa9
```
#ecdfa9 rgb(236,223,169)
```
#efe5b9
```
#efe5b9 rgb(239,229,185)
```
#f3ebc9
```
#f3ebc9 rgb(243,235,201)
```
#f6f1d9
```
#f6f1d9 rgb(246,241,217)
```
#faf7e9
```
#faf7e9 rgb(250,247,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#7e7d7a
```
#7e7d7a rgb(126,125,122)
```
#878371
```
#878371 rgb(135,131,113)
```
#918967
```
#918967 rgb(145,137,103)
```
#9a8f5e
```
#9a8f5e rgb(154,143,94)
```
#a49554
```
#a49554 rgb(164,149,84)
```
#ad9b4b
```
#ad9b4b rgb(173,155,75)
```
#b7a141
```
#b7a141 rgb(183,161,65)
```
#c0a738
```
#c0a738 rgb(192,167,56)
```
#caad2e
```
#caad2e rgb(202,173,46)
```
#d4b324
```
#d4b324 rgb(212,179,36)
```
#ddb91b
```
#ddb91b rgb(221,185,27)
```
#e7bf11
```
#e7bf11 rgb(231,191,17)
```
#f0c508
```
#f0c508 rgb(240,197,8)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aea88f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b339 Protanopia 1% of men
#ddaa3c Deuteranopia 1% of men
#d6a6b1 Tritanopia 0.001% of the population

Trichromacy

#c8b035 Protanomaly 1% of men, 0.01% of women
#d6ab37 Deuteranomaly 6% of men, 0.4% of women
#d1a881 Tritanomaly 0.01% of the population

#caad2e hex color

#caad2e Color Information

#caad2e Color Conversion

Color Schemes with #caad2e

Alternatives to #caad2e

#caad2e Preview

Shades and Tints of #caad2e

Tones of #caad2e

Color Blindness Simulator