#caa311 hex color

In a RGB color space, hex #caa311 is composed of 79.2% red, 63.9% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 91.6% yellow and 20.8% black. It has a hue angle of 47.4 degrees, a saturation of 84.5% and a lightness of 42.9%. #caa311 color hex could be obtained by blending #ffff22 with #954700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 79
- G 64
- B 7
RGB color chart
- C 0
- M 19
- Y 92
- K 21
CMYK color chart

● #caa311 color description : Strong yellow.

The hexadecimal color #caa311 has RGB values of R:202, G:163, B:17 and CMYK values of C:0, M:0.19, Y:0.92, K:0.21. Its decimal value is 13280017.

Hex triplet	caa311	`#caa311`
RGB Decimal	202, 163, 17	`rgb(202,163,17)`
RGB Percent	79.2, 63.9, 6.7	`rgb(79.2%,63.9%,6.7%)`
CMYK	0, 19, 92, 21
HSL	47.4°, 84.5, 42.9	`hsl(47.4,84.5%,42.9%)`
HSV (or HSB)	47.4°, 91.6, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.601, 2.242, 69.588
XYZ	37.556, 38.793, 6.04
xyY	0.456, 0.471, 38.793
CIE-LCH	68.601, 69.624, 88.154
CIE-LUV	68.601, 33.692, 70.693
Hunter-Lab	62.284, -1.365, 37.849
Binary	11001010, 10100011, 00010001

#caa311
```
#caa311 rgb(202,163,17)
```
#1138ca
```
#1138ca rgb(17,56,202)
```

Complementary Color

#ca4711
```
#ca4711 rgb(202,71,17)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#95ca11
```
#95ca11 rgb(149,202,17)
```

Analogous Color

#4711ca
```
#4711ca rgb(71,17,202)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#1195ca
```
#1195ca rgb(17,149,202)
```

Split Complementary Color

#a311ca
```
#a311ca rgb(163,17,202)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#11caa3
```
#11caa3 rgb(17,202,163)
```

Triadic Color

#ca1138
```
#ca1138 rgb(202,17,56)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#11caa3
```
#11caa3 rgb(17,202,163)
```
#1138ca
```
#1138ca rgb(17,56,202)
```

Tetradic Color

#836a0b
```
#836a0b rgb(131,106,11)
```
#9b7d0d
```
#9b7d0d rgb(155,125,13)
```
#b2900f
```
#b2900f rgb(178,144,15)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#e2b613
```
#e2b613 rgb(226,182,19)
```
#ecc222
```
#ecc222 rgb(236,194,34)
```
#eec839
```
#eec839 rgb(238,200,57)
```

Monochromatic Color

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

#ca7511
```
#ca7511 rgb(202,117,17)
```
#ca8411
```
#ca8411 rgb(202,132,17)
```
#ca9411
```
#ca9411 rgb(202,148,17)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#cab211
```
#cab211 rgb(202,178,17)
```
#cac211
```
#cac211 rgb(202,194,17)
```
#c3ca11
```
#c3ca11 rgb(195,202,17)
```

Similar Colors

Text with hexadecimal color #caa311

This text has a font color of #caa311.

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

#caa311 background color

This paragraph has a background color of #caa311.

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

#caa311 border color

This element has a border color of #caa311.

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

CSS codes

.text {color:#caa311;}

.background {background-color:#caa311;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#151102
```
#151102 rgb(21,17,2)
```
#272003
```
#272003 rgb(39,32,3)
```
#392e05
```
#392e05 rgb(57,46,5)
```
#4b3d06
```
#4b3d06 rgb(75,61,6)
```
#5d4b08
```
#5d4b08 rgb(93,75,8)
```
#705a09
```
#705a09 rgb(112,90,9)
```
#82690b
```
#82690b rgb(130,105,11)
```
#94770c
```
#94770c rgb(148,119,12)
```
#a6860e
```
#a6860e rgb(166,134,14)
```
#b8940f
```
#b8940f rgb(184,148,15)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#dcb213
```
#dcb213 rgb(220,178,19)
```

Shade Color Variation

#ebbf17
```
#ebbf17 rgb(235,191,23)
```
#edc429
```
#edc429 rgb(237,196,41)
```
#efc93b
```
#efc93b rgb(239,201,59)
```
#f0ce4d
```
#f0ce4d rgb(240,206,77)
```
#f2d35f
```
#f2d35f rgb(242,211,95)
```
#f3d871
```
#f3d871 rgb(243,216,113)
```
#f5dd83
```
#f5dd83 rgb(245,221,131)
```
#f6e295
```
#f6e295 rgb(246,226,149)
```
#f8e7a8
```
#f8e7a8 rgb(248,231,168)
```
#f9ecba
```
#f9ecba rgb(249,236,186)
```
#fbf1cc
```
#fbf1cc rgb(251,241,204)
```
#fcf6de
```
#fcf6de rgb(252,246,222)
```
#fefbf0
```
#fefbf0 rgb(254,251,240)
```

Tint Color Variation

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

#767265
```
#767265 rgb(118,114,101)
```
#7e775d
```
#7e775d rgb(126,119,93)
```
#877c54
```
#877c54 rgb(135,124,84)
```
#8f814c
```
#8f814c rgb(143,129,76)
```
#978644
```
#978644 rgb(151,134,68)
```
#a08b3b
```
#a08b3b rgb(160,139,59)
```
#a89033
```
#a89033 rgb(168,144,51)
```
#b1942a
```
#b1942a rgb(177,148,42)
```
#b99922
```
#b99922 rgb(185,153,34)
```
#c29e19
```
#c29e19 rgb(194,158,25)
```
#caa311
```
#caa311 rgb(202,163,17)
```
#d2a809
```
#d2a809 rgb(210,168,9)
```
#dbad00
```
#dbad00 rgb(219,173,0)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a79f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac1e Protanopia 1% of men
#d6a321 Deuteranopia 1% of men
#d59ca7 Tritanopia 0.001% of the population

Trichromacy

#c4a819 Protanomaly 1% of men, 0.01% of women
#d2a31b Deuteranomaly 6% of men, 0.4% of women
#d19f70 Tritanomaly 0.01% of the population

#caa311 hex color

#caa311 Color Information

#caa311 Color Conversion

Color Schemes with #caa311

Alternatives to #caa311

#caa311 Preview

Shades and Tints of #caa311

Tones of #caa311

Color Blindness Simulator