#caac31 hex color

In a RGB color space, hex #caac31 is composed of 79.2% red, 67.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.9% magenta, 75.7% yellow and 20.8% black. It has a hue angle of 48.2 degrees, a saturation of 61% and a lightness of 49.2%. #caac31 color hex could be obtained by blending #ffff62 with #955900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 67
- B 19
RGB color chart
- C 0
- M 15
- Y 76
- K 21
CMYK color chart

● #caac31 color description : Strong yellow.

The hexadecimal color #caac31 has RGB values of R:202, G:172, B:49 and CMYK values of C:0, M:0.15, Y:0.76, K:0.21. Its decimal value is 13282353.

Hex triplet	caac31	`#caac31`
RGB Decimal	202, 172, 49	`rgb(202,172,49)`
RGB Percent	79.2, 67.5, 19.2	`rgb(79.2%,67.5%,19.2%)`
CMYK	0, 15, 76, 21
HSL	48.2°, 61, 49.2	`hsl(48.2,61%,49.2%)`
HSV (or HSB)	48.2°, 75.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.067, -1.645, 63.065
XYZ	39.664, 42.285, 8.978
xyY	0.436, 0.465, 42.285
CIE-LCH	71.067, 63.086, 91.494
CIE-LUV	71.067, 26.36, 68.967
Hunter-Lab	65.027, -4.917, 37.333
Binary	11001010, 10101100, 00110001

#caac31
```
#caac31 rgb(202,172,49)
```
#314fca
```
#314fca rgb(49,79,202)
```

Complementary Color

#ca6031
```
#ca6031 rgb(202,96,49)
```
#caac31
```
#caac31 rgb(202,172,49)
```
#9cca31
```
#9cca31 rgb(156,202,49)
```

Analogous Color

#6031ca
```
#6031ca rgb(96,49,202)
```
#caac31
```
#caac31 rgb(202,172,49)
```
#319cca
```
#319cca rgb(49,156,202)
```

Split Complementary Color

#ac31ca
```
#ac31ca rgb(172,49,202)
```
#caac31
```
#caac31 rgb(202,172,49)
```
#31caac
```
#31caac rgb(49,202,172)
```

Triadic Color

#ca314f
```
#ca314f rgb(202,49,79)
```
#caac31
```
#caac31 rgb(202,172,49)
```
#31caac
```
#31caac rgb(49,202,172)
```
#314fca
```
#314fca rgb(49,79,202)
```

Tetradic Color

#8c7822
```
#8c7822 rgb(140,120,34)
```
#a18927
```
#a18927 rgb(161,137,39)
```
#b59b2c
```
#b59b2c rgb(181,155,44)
```
#caac31
```
#caac31 rgb(202,172,49)
```
#d1b643
```
#d1b643 rgb(209,182,67)
```
#d6be58
```
#d6be58 rgb(214,190,88)
```
#dbc66c
```
#dbc66c rgb(219,198,108)
```

Monochromatic Color

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

#ca8631
```
#ca8631 rgb(202,134,49)
```
#ca9331
```
#ca9331 rgb(202,147,49)
```
#ca9f31
```
#ca9f31 rgb(202,159,49)
```
#caac31
```
#caac31 rgb(202,172,49)
```
#cab931
```
#cab931 rgb(202,185,49)
```
#cac631
```
#cac631 rgb(202,198,49)
```
#c2ca31
```
#c2ca31 rgb(194,202,49)
```

Similar Colors

Text with hexadecimal color #caac31

This text has a font color of #caac31.

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

#caac31 background color

This paragraph has a background color of #caac31.

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

#caac31 border color

This element has a border color of #caac31.

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

CSS codes

.text {color:#caac31;}

.background {background-color:#caac31;}

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

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

#0d0b03
```
#0d0b03 rgb(13,11,3)
```
#1c1807
```
#1c1807 rgb(28,24,7)
```
#2c260b
```
#2c260b rgb(44,38,11)
```
#3c330f
```
#3c330f rgb(60,51,15)
```
#4c4012
```
#4c4012 rgb(76,64,18)
```
#5b4e16
```
#5b4e16 rgb(91,78,22)
```
#6b5b1a
```
#6b5b1a rgb(107,91,26)
```
#7b691e
```
#7b691e rgb(123,105,30)
```
#8b7622
```
#8b7622 rgb(139,118,34)
```
#9b8426
```
#9b8426 rgb(155,132,38)
```
#aa9129
```
#aa9129 rgb(170,145,41)
```
#ba9f2d
```
#ba9f2d rgb(186,159,45)
```
#caac31
```
#caac31 rgb(202,172,49)
```

Shade Color Variation

#d0b43e
```
#d0b43e rgb(208,180,62)
```
#d4ba4e
```
#d4ba4e rgb(212,186,78)
```
#d8c05e
```
#d8c05e rgb(216,192,94)
```
#dcc66e
```
#dcc66e rgb(220,198,110)
```
#e0cc7d
```
#e0cc7d rgb(224,204,125)
```
#e3d38d
```
#e3d38d rgb(227,211,141)
```
#e7d99d
```
#e7d99d rgb(231,217,157)
```
#ebdfad
```
#ebdfad rgb(235,223,173)
```
#efe5bd
```
#efe5bd rgb(239,229,189)
```
#f3ebcc
```
#f3ebcc rgb(243,235,204)
```
#f7f1dc
```
#f7f1dc rgb(247,241,220)
```
#faf8ec
```
#faf8ec rgb(250,248,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#868375
```
#868375 rgb(134,131,117)
```
#90896b
```
#90896b rgb(144,137,107)
```
#9a8f61
```
#9a8f61 rgb(154,143,97)
```
#a39558
```
#a39558 rgb(163,149,88)
```
#ad9a4e
```
#ad9a4e rgb(173,154,78)
```
#b7a044
```
#b7a044 rgb(183,160,68)
```
#c0a63b
```
#c0a63b rgb(192,166,59)
```
#caac31
```
#caac31 rgb(202,172,49)
```
#d4b227
```
#d4b227 rgb(212,178,39)
```
#ddb81e
```
#ddb81e rgb(221,184,30)
```
#e7be14
```
#e7be14 rgb(231,190,20)
```
#f1c30a
```
#f1c30a rgb(241,195,10)
```
#fac901
```
#fac901 rgb(250,201,1)
```

Tone Color Variation

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

#c6b23c Protanopia 1% of men
#dca93e Deuteranopia 1% of men
#d6a5b0 Tritanopia 0.001% of the population

Trichromacy

#c7b038 Protanomaly 1% of men, 0.01% of women
#d6aa39 Deuteranomaly 6% of men, 0.4% of women
#d1a782 Tritanomaly 0.01% of the population

#caac31 hex color

#caac31 Color Information

#caac31 Color Conversion

Color Schemes with #caac31

Alternatives to #caac31

#caac31 Preview

Shades and Tints of #caac31

Tones of #caac31

Color Blindness Simulator