#cac31e hex color

In a RGB color space, hex #cac31e is composed of 79.2% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.5% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 57.6 degrees, a saturation of 74.1% and a lightness of 45.5%. #cac31e color hex could be obtained by blending #ffff3c with #958700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 79
- G 76
- B 12
RGB color chart
- C 0
- M 3
- Y 85
- K 21
CMYK color chart

● #cac31e color description : Strong yellow.

The hexadecimal color #cac31e has RGB values of R:202, G:195, B:30 and CMYK values of C:0, M:0.03, Y:0.85, K:0.21. Its decimal value is 13288222.

Hex triplet	cac31e	`#cac31e`
RGB Decimal	202, 195, 30	`rgb(202,195,30)`
RGB Percent	79.2, 76.5, 11.8	`rgb(79.2%,76.5%,11.8%)`
CMYK	0, 3, 85, 21
HSL	57.6°, 74.1, 45.5	`hsl(57.6,74.1%,45.5%)`
HSV (or HSB)	57.6°, 85.1, 79.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.09, -14.148, 73.766
XYZ	44.107, 51.682, 8.88
xyY	0.421, 0.494, 51.682
CIE-LCH	77.09, 75.111, 100.857
CIE-LUV	77.09, 10.733, 81.663
Hunter-Lab	71.89, -16.292, 42.999
Binary	11001010, 11000011, 00011110

#cac31e
```
#cac31e rgb(202,195,30)
```
#1e25ca
```
#1e25ca rgb(30,37,202)
```

Complementary Color

#ca6d1e
```
#ca6d1e rgb(202,109,30)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#7bca1e
```
#7bca1e rgb(123,202,30)
```

Analogous Color

#6d1eca
```
#6d1eca rgb(109,30,202)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#1e7bca
```
#1e7bca rgb(30,123,202)
```

Split Complementary Color

#c31eca
```
#c31eca rgb(195,30,202)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#1ecac3
```
#1ecac3 rgb(30,202,195)
```

Triadic Color

#ca1e25
```
#ca1e25 rgb(202,30,37)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#1ecac3
```
#1ecac3 rgb(30,202,195)
```
#1e25ca
```
#1e25ca rgb(30,37,202)
```

Tetradic Color

#878314
```
#878314 rgb(135,131,20)
```
#9e9817
```
#9e9817 rgb(158,152,23)
```
#b4ae1b
```
#b4ae1b rgb(180,174,27)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#ded723
```
#ded723 rgb(222,215,35)
```
#e2db39
```
#e2db39 rgb(226,219,57)
```
#e5df50
```
#e5df50 rgb(229,223,80)
```

Monochromatic Color

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

#ca981e
```
#ca981e rgb(202,152,30)
```
#caa61e
```
#caa61e rgb(202,166,30)
```
#cab51e
```
#cab51e rgb(202,181,30)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#c3ca1e
```
#c3ca1e rgb(195,202,30)
```
#b4ca1e
```
#b4ca1e rgb(180,202,30)
```
#a6ca1e
```
#a6ca1e rgb(166,202,30)
```

Similar Colors

Text with hexadecimal color #cac31e

This text has a font color of #cac31e.

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

#cac31e background color

This paragraph has a background color of #cac31e.

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

#cac31e border color

This element has a border color of #cac31e.

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

CSS codes

.text {color:#cac31e;}

.background {background-color:#cac31e;}

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

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

#0e0e02
```
#0e0e02 rgb(14,14,2)
```
#1f1e05
```
#1f1e05 rgb(31,30,5)
```
#302f07
```
#302f07 rgb(48,47,7)
```
#413f0a
```
#413f0a rgb(65,63,10)
```
#52500c
```
#52500c rgb(82,80,12)
```
#64600f
```
#64600f rgb(100,96,15)
```
#757111
```
#757111 rgb(117,113,17)
```
#868114
```
#868114 rgb(134,129,20)
```
#979216
```
#979216 rgb(151,146,22)
```
#a8a219
```
#a8a219 rgb(168,162,25)
```
#b9b31b
```
#b9b31b rgb(185,179,27)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#dbd321
```
#dbd321 rgb(219,211,33)
```

Shade Color Variation

#e0d92f
```
#e0d92f rgb(224,217,47)
```
#e3dc40
```
#e3dc40 rgb(227,220,64)
```
#e5df51
```
#e5df51 rgb(229,223,81)
```
#e8e262
```
#e8e262 rgb(232,226,98)
```
#eae573
```
#eae573 rgb(234,229,115)
```
#ede985
```
#ede985 rgb(237,233,133)
```
#efec96
```
#efec96 rgb(239,236,150)
```
#f2efa7
```
#f2efa7 rgb(242,239,167)
```
#f4f2b8
```
#f4f2b8 rgb(244,242,184)
```
#f7f5c9
```
#f7f5c9 rgb(247,245,201)
```
#f9f8da
```
#f9f8da rgb(249,248,218)
```
#fcfbeb
```
#fcfbeb rgb(252,251,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#7a796e
```
#7a796e rgb(122,121,110)
```
#838165
```
#838165 rgb(131,129,101)
```
#8c8a5c
```
#8c8a5c rgb(140,138,92)
```
#949254
```
#949254 rgb(148,146,84)
```
#9d9a4b
```
#9d9a4b rgb(157,154,75)
```
#a6a242
```
#a6a242 rgb(166,162,66)
```
#afaa39
```
#afaa39 rgb(175,170,57)
```
#b8b330
```
#b8b330 rgb(184,179,48)
```
#c1bb27
```
#c1bb27 rgb(193,187,39)
```
#cac31e
```
#cac31e rgb(202,195,30)
```
#d3cb15
```
#d3cb15 rgb(211,203,21)
```
#dcd30c
```
#dcd30c rgb(220,211,12)
```
#e5dc03
```
#e5dc03 rgb(229,220,3)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b7b594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c228 Protanopia 1% of men
#f1b833 Deuteranopia 1% of men
#d9b9c6 Tritanopia 0.001% of the population

Trichromacy

#d3c224 Protanomaly 1% of men, 0.01% of women
#e3bc2b Deuteranomaly 6% of men, 0.4% of women
#d4bc89 Tritanomaly 0.01% of the population

#cac31e hex color

#cac31e Color Information

#cac31e Color Conversion

Color Schemes with #cac31e

Alternatives to #cac31e

#cac31e Preview

Shades and Tints of #cac31e

Tones of #cac31e

Color Blindness Simulator