#caa310 hex color

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

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

● #caa310 color description : Strong yellow.

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

Hex triplet	caa310	`#caa310`
RGB Decimal	202, 163, 16	`rgb(202,163,16)`
RGB Percent	79.2, 63.9, 6.3	`rgb(79.2%,63.9%,6.3%)`
CMYK	0, 19, 92, 21
HSL	47.4°, 85.3, 42.7	`hsl(47.4,85.3%,42.7%)`
HSV (or HSB)	47.4°, 92.1, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.599, 2.227, 69.754
XYZ	37.548, 38.79, 6
xyY	0.456, 0.471, 38.79
CIE-LCH	68.599, 69.789, 88.171
CIE-LUV	68.599, 33.706, 70.786
Hunter-Lab	62.282, -1.379, 37.886
Binary	11001010, 10100011, 00010000

#caa310
```
#caa310 rgb(202,163,16)
```
#1037ca
```
#1037ca rgb(16,55,202)
```

Complementary Color

#ca4610
```
#ca4610 rgb(202,70,16)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#94ca10
```
#94ca10 rgb(148,202,16)
```

Analogous Color

#4610ca
```
#4610ca rgb(70,16,202)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#1094ca
```
#1094ca rgb(16,148,202)
```

Split Complementary Color

#a310ca
```
#a310ca rgb(163,16,202)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#10caa3
```
#10caa3 rgb(16,202,163)
```

Triadic Color

#ca1037
```
#ca1037 rgb(202,16,55)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#10caa3
```
#10caa3 rgb(16,202,163)
```
#1037ca
```
#1037ca rgb(16,55,202)
```

Tetradic Color

#836a0a
```
#836a0a rgb(131,106,10)
```
#9b7d0c
```
#9b7d0c rgb(155,125,12)
```
#b2900e
```
#b2900e rgb(178,144,14)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#e2b612
```
#e2b612 rgb(226,182,18)
```
#edc220
```
#edc220 rgb(237,194,32)
```
#efc937
```
#efc937 rgb(239,201,55)
```

Monochromatic Color

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

#ca7510
```
#ca7510 rgb(202,117,16)
```
#ca8410
```
#ca8410 rgb(202,132,16)
```
#ca9410
```
#ca9410 rgb(202,148,16)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#cab310
```
#cab310 rgb(202,179,16)
```
#cac210
```
#cac210 rgb(202,194,16)
```
#c3ca10
```
#c3ca10 rgb(195,202,16)
```

Similar Colors

Text with hexadecimal color #caa310

This text has a font color of #caa310.

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

#caa310 background color

This paragraph has a background color of #caa310.

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

#caa310 border color

This element has a border color of #caa310.

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

CSS codes

.text {color:#caa310;}

.background {background-color:#caa310;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#141002
```
#141002 rgb(20,16,2)
```
#261f03
```
#261f03 rgb(38,31,3)
```
#392e04
```
#392e04 rgb(57,46,4)
```
#4b3c06
```
#4b3c06 rgb(75,60,6)
```
#5d4b07
```
#5d4b07 rgb(93,75,7)
```
#6f5a09
```
#6f5a09 rgb(111,90,9)
```
#81680a
```
#81680a rgb(129,104,10)
```
#93770c
```
#93770c rgb(147,119,12)
```
#a6860d
```
#a6860d rgb(166,134,13)
```
#b8940f
```
#b8940f rgb(184,148,15)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#dcb211
```
#dcb211 rgb(220,178,17)
```

Shade Color Variation

#ecbf15
```
#ecbf15 rgb(236,191,21)
```
#eec427
```
#eec427 rgb(238,196,39)
```
#efc939
```
#efc939 rgb(239,201,57)
```
#f1ce4b
```
#f1ce4b rgb(241,206,75)
```
#f2d35d
```
#f2d35d rgb(242,211,93)
```
#f4d870
```
#f4d870 rgb(244,216,112)
```
#f5dd82
```
#f5dd82 rgb(245,221,130)
```
#f7e294
```
#f7e294 rgb(247,226,148)
```
#f8e7a6
```
#f8e7a6 rgb(248,231,166)
```
#f9ecb8
```
#f9ecb8 rgb(249,236,184)
```
#fbf1cb
```
#fbf1cb rgb(251,241,203)
```
#fcf6dd
```
#fcf6dd rgb(252,246,221)
```
#fefbef
```
#fefbef rgb(254,251,239)
```

Tint Color Variation

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

#6e6d6c
```
#6e6d6c rgb(110,109,108)
```
#767264
```
#767264 rgb(118,114,100)
```
#7f775b
```
#7f775b rgb(127,119,91)
```
#877c53
```
#877c53 rgb(135,124,83)
```
#8f814b
```
#8f814b rgb(143,129,75)
```
#988642
```
#988642 rgb(152,134,66)
```
#a08b3a
```
#a08b3a rgb(160,139,58)
```
#a89032
```
#a89032 rgb(168,144,50)
```
#b19429
```
#b19429 rgb(177,148,41)
```
#b99921
```
#b99921 rgb(185,153,33)
```
#c29e18
```
#c29e18 rgb(194,158,24)
```
#caa310
```
#caa310 rgb(202,163,16)
```
#d2a808
```
#d2a808 rgb(210,168,8)
```

Tone Color Variation

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

#c0ac1d Protanopia 1% of men
#d6a320 Deuteranopia 1% of men
#d59ca7 Tritanopia 0.001% of the population

Trichromacy

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

#caa310 hex color

#caa310 Color Information

#caa310 Color Conversion

Color Schemes with #caa310

Alternatives to #caa310

#caa310 Preview

Shades and Tints of #caa310

Tones of #caa310

Color Blindness Simulator