#cac316 hex color

In a RGB color space, hex #cac316 is composed of 79.2% red, 76.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.5% magenta, 89.1% yellow and 20.8% black. It has a hue angle of 57.7 degrees, a saturation of 80.4% and a lightness of 43.9%. #cac316 color hex could be obtained by blending #ffff2c with #958700. Closest websafe color is: #cccc00.

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

● #cac316 color description : Strong yellow.

The hexadecimal color #cac316 has RGB values of R:202, G:195, B:22 and CMYK values of C:0, M:0.03, Y:0.89, K:0.21. Its decimal value is 13288214.

Hex triplet	cac316	`#cac316`
RGB Decimal	202, 195, 22	`rgb(202,195,22)`
RGB Percent	79.2, 76.5, 8.6	`rgb(79.2%,76.5%,8.6%)`
CMYK	0, 3, 89, 21
HSL	57.7°, 80.4, 43.9	`hsl(57.7,80.4%,43.9%)`
HSV (or HSB)	57.7°, 89.1, 79.2
Web Safe	cccc00	`#cccc00`

CIE-LAB	77.069, -14.317, 75.292
XYZ	44.017, 51.646, 8.409
xyY	0.423, 0.496, 51.646
CIE-LCH	77.069, 76.641, 100.767
CIE-LUV	77.069, 10.811, 82.59
Hunter-Lab	71.865, -16.432, 43.368
Binary	11001010, 11000011, 00010110

#cac316
```
#cac316 rgb(202,195,22)
```
#161dca
```
#161dca rgb(22,29,202)
```

Complementary Color

#ca6916
```
#ca6916 rgb(202,105,22)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#77ca16
```
#77ca16 rgb(119,202,22)
```

Analogous Color

#6916ca
```
#6916ca rgb(105,22,202)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#1677ca
```
#1677ca rgb(22,119,202)
```

Split Complementary Color

#c316ca
```
#c316ca rgb(195,22,202)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#16cac3
```
#16cac3 rgb(22,202,195)
```

Triadic Color

#ca161d
```
#ca161d rgb(202,22,29)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#16cac3
```
#16cac3 rgb(22,202,195)
```
#161dca
```
#161dca rgb(22,29,202)
```

Tetradic Color

#85800e
```
#85800e rgb(133,128,14)
```
#9c9711
```
#9c9711 rgb(156,151,17)
```
#b3ad13
```
#b3ad13 rgb(179,173,19)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#e1d919
```
#e1d919 rgb(225,217,25)
```
#e8e12b
```
#e8e12b rgb(232,225,43)
```
#eae442
```
#eae442 rgb(234,228,66)
```

Monochromatic Color

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

#ca9616
```
#ca9616 rgb(202,150,22)
```
#caa516
```
#caa516 rgb(202,165,22)
```
#cab416
```
#cab416 rgb(202,180,22)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#c2ca16
```
#c2ca16 rgb(194,202,22)
```
#b3ca16
```
#b3ca16 rgb(179,202,22)
```
#a4ca16
```
#a4ca16 rgb(164,202,22)
```

Similar Colors

Text with hexadecimal color #cac316

This text has a font color of #cac316.

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

#cac316 background color

This paragraph has a background color of #cac316.

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

#cac316 border color

This element has a border color of #cac316.

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

CSS codes

.text {color:#cac316;}

.background {background-color:#cac316;}

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

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

#070701
```
#070701 rgb(7,7,1)
```
#191803
```
#191803 rgb(25,24,3)
```
#2b2905
```
#2b2905 rgb(43,41,5)
```
#3c3a07
```
#3c3a07 rgb(60,58,7)
```
#4e4b09
```
#4e4b09 rgb(78,75,9)
```
#605d0a
```
#605d0a rgb(96,93,10)
```
#726e0c
```
#726e0c rgb(114,110,12)
```
#837f0e
```
#837f0e rgb(131,127,14)
```
#959010
```
#959010 rgb(149,144,16)
```
#a7a112
```
#a7a112 rgb(167,161,18)
```
#b8b214
```
#b8b214 rgb(184,178,20)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#dcd418
```
#dcd418 rgb(220,212,24)
```

Shade Color Variation

#e7df20
```
#e7df20 rgb(231,223,32)
```
#e9e232
```
#e9e232 rgb(233,226,50)
```
#ebe444
```
#ebe444 rgb(235,228,68)
```
#ede756
```
#ede756 rgb(237,231,86)
```
#eee967
```
#eee967 rgb(238,233,103)
```
#f0ec79
```
#f0ec79 rgb(240,236,121)
```
#f2ee8b
```
#f2ee8b rgb(242,238,139)
```
#f4f19c
```
#f4f19c rgb(244,241,156)
```
#f6f3ae
```
#f6f3ae rgb(246,243,174)
```
#f8f6c0
```
#f8f6c0 rgb(248,246,192)
```
#faf8d1
```
#faf8d1 rgb(250,248,209)
```
#fcfbe3
```
#fcfbe3 rgb(252,251,227)
```
#fefef5
```
#fefef5 rgb(254,254,245)
```

Tint Color Variation

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

#74746c
```
#74746c rgb(116,116,108)
```
#7c7b64
```
#7c7b64 rgb(124,123,100)
```
#85835b
```
#85835b rgb(133,131,91)
```
#8e8b52
```
#8e8b52 rgb(142,139,82)
```
#96934a
```
#96934a rgb(150,147,74)
```
#9f9b41
```
#9f9b41 rgb(159,155,65)
```
#a8a338
```
#a8a338 rgb(168,163,56)
```
#b0ab30
```
#b0ab30 rgb(176,171,48)
```
#b9b327
```
#b9b327 rgb(185,179,39)
```
#c1bb1f
```
#c1bb1f rgb(193,187,31)
```
#cac316
```
#cac316 rgb(202,195,22)
```
#d3cb0d
```
#d3cb0d rgb(211,203,13)
```
#dbd305
```
#dbd305 rgb(219,211,5)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c220 Protanopia 1% of men
#f1b82e Deuteranopia 1% of men
#d9b9c6 Tritanopia 0.001% of the population

Trichromacy

#d3c21c Protanomaly 1% of men, 0.01% of women
#e3bc25 Deuteranomaly 6% of men, 0.4% of women
#d4bc86 Tritanomaly 0.01% of the population

#cac316 hex color

#cac316 Color Information

#cac316 Color Conversion

Color Schemes with #cac316

Alternatives to #cac316

#cac316 Preview

Shades and Tints of #cac316

Tones of #cac316

Color Blindness Simulator