#cab316 hex color

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

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

● #cab316 color description : Strong yellow.

The hexadecimal color #cab316 has RGB values of R:202, G:179, B:22 and CMYK values of C:0, M:0.11, Y:0.89, K:0.21. Its decimal value is 13284118.

Hex triplet	cab316	`#cab316`
RGB Decimal	202, 179, 22	`rgb(202,179,22)`
RGB Percent	79.2, 70.2, 8.6	`rgb(79.2%,70.2%,8.6%)`
CMYK	0, 11, 89, 21
HSL	52.3°, 80.4, 43.9	`hsl(52.3,80.4%,43.9%)`
HSV (or HSB)	52.3°, 89.1, 79.2
Web Safe	cccc00	`#cccc00`

CIE-LAB	72.797, -6.118, 71.933
XYZ	40.622, 44.856, 7.277
xyY	0.438, 0.484, 44.856
CIE-LCH	72.797, 72.193, 94.861
CIE-LUV	72.797, 21.904, 76.372
Hunter-Lab	66.975, -8.939, 40.44
Binary	11001010, 10110011, 00010110

#cab316
```
#cab316 rgb(202,179,22)
```
#162dca
```
#162dca rgb(22,45,202)
```

Complementary Color

#ca5916
```
#ca5916 rgb(202,89,22)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#87ca16
```
#87ca16 rgb(135,202,22)
```

Analogous Color

#5916ca
```
#5916ca rgb(89,22,202)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#1687ca
```
#1687ca rgb(22,135,202)
```

Split Complementary Color

#b316ca
```
#b316ca rgb(179,22,202)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#16cab3
```
#16cab3 rgb(22,202,179)
```

Triadic Color

#ca162d
```
#ca162d rgb(202,22,45)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#16cab3
```
#16cab3 rgb(22,202,179)
```
#162dca
```
#162dca rgb(22,45,202)
```

Tetradic Color

#85760e
```
#85760e rgb(133,118,14)
```
#9c8a11
```
#9c8a11 rgb(156,138,17)
```
#b39f13
```
#b39f13 rgb(179,159,19)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#e1c719
```
#e1c719 rgb(225,199,25)
```
#e8d02b
```
#e8d02b rgb(232,208,43)
```
#ead542
```
#ead542 rgb(234,213,66)
```

Monochromatic Color

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

#ca8616
```
#ca8616 rgb(202,134,22)
```
#ca9516
```
#ca9516 rgb(202,149,22)
```
#caa416
```
#caa416 rgb(202,164,22)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#cac216
```
#cac216 rgb(202,194,22)
```
#c3ca16
```
#c3ca16 rgb(195,202,22)
```
#b4ca16
```
#b4ca16 rgb(180,202,22)
```

Similar Colors

Text with hexadecimal color #cab316

This text has a font color of #cab316.

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

#cab316 background color

This paragraph has a background color of #cab316.

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

#cab316 border color

This element has a border color of #cab316.

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

CSS codes

.text {color:#cab316;}

.background {background-color:#cab316;}

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

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 #fefdf5 is the lightest one.

#070701
```
#070701 rgb(7,7,1)
```
#191603
```
#191603 rgb(25,22,3)
```
#2b2605
```
#2b2605 rgb(43,38,5)
```
#3c3607
```
#3c3607 rgb(60,54,7)
```
#4e4509
```
#4e4509 rgb(78,69,9)
```
#60550a
```
#60550a rgb(96,85,10)
```
#72650c
```
#72650c rgb(114,101,12)
```
#83740e
```
#83740e rgb(131,116,14)
```
#958410
```
#958410 rgb(149,132,16)
```
#a79412
```
#a79412 rgb(167,148,18)
```
#b8a314
```
#b8a314 rgb(184,163,20)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#dcc318
```
#dcc318 rgb(220,195,24)
```

Shade Color Variation

#e7cd20
```
#e7cd20 rgb(231,205,32)
```
#e9d132
```
#e9d132 rgb(233,209,50)
```
#ebd544
```
#ebd544 rgb(235,213,68)
```
#edd956
```
#edd956 rgb(237,217,86)
```
#eedd67
```
#eedd67 rgb(238,221,103)
```
#f0e179
```
#f0e179 rgb(240,225,121)
```
#f2e58b
```
#f2e58b rgb(242,229,139)
```
#f4e99c
```
#f4e99c rgb(244,233,156)
```
#f6edae
```
#f6edae rgb(246,237,174)
```
#f8f1c0
```
#f8f1c0 rgb(248,241,192)
```
#faf5d1
```
#faf5d1 rgb(250,245,209)
```
#fcf9e3
```
#fcf9e3 rgb(252,249,227)
```
#fefdf5
```
#fefdf5 rgb(254,253,245)
```

Tint Color Variation

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

#74736c
```
#74736c rgb(116,115,108)
```
#7c7964
```
#7c7964 rgb(124,121,100)
```
#85805b
```
#85805b rgb(133,128,91)
```
#8e8652
```
#8e8652 rgb(142,134,82)
```
#968d4a
```
#968d4a rgb(150,141,74)
```
#9f9341
```
#9f9341 rgb(159,147,65)
```
#a89938
```
#a89938 rgb(168,153,56)
```
#b0a030
```
#b0a030 rgb(176,160,48)
```
#b9a627
```
#b9a627 rgb(185,166,39)
```
#c1ad1f
```
#c1ad1f rgb(193,173,31)
```
#cab316
```
#cab316 rgb(202,179,22)
```
#d3b90d
```
#d3b90d rgb(211,185,13)
```
#dbc005
```
#dbc005 rgb(219,192,5)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#afaa8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb622 Protanopia 1% of men
#e3ad29 Deuteranopia 1% of men
#d7aab6 Tritanopia 0.001% of the population

Trichromacy

#cbb51d Protanomaly 1% of men, 0.01% of women
#daaf22 Deuteranomaly 6% of men, 0.4% of women
#d2ad7c Tritanomaly 0.01% of the population

#cab316 hex color

#cab316 Color Information

#cab316 Color Conversion

Color Schemes with #cab316

Alternatives to #cab316

#cab316 Preview

Shades and Tints of #cab316

Tones of #cab316

Color Blindness Simulator