#caa02a hex color

In a RGB color space, hex #caa02a is composed of 79.2% red, 62.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.8% magenta, 79.2% yellow and 20.8% black. It has a hue angle of 44.3 degrees, a saturation of 65.6% and a lightness of 47.8%. #caa02a color hex could be obtained by blending #ffff54 with #954100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 63
- B 16
RGB color chart
- C 0
- M 21
- Y 79
- K 21
CMYK color chart

● #caa02a color description : Strong orange.

The hexadecimal color #caa02a has RGB values of R:202, G:160, B:42 and CMYK values of C:0, M:0.21, Y:0.79, K:0.21. Its decimal value is 13279274.

Hex triplet	caa02a	`#caa02a`
RGB Decimal	202, 160, 42	`rgb(202,160,42)`
RGB Percent	79.2, 62.7, 16.5	`rgb(79.2%,62.7%,16.5%)`
CMYK	0, 21, 79, 21
HSL	44.3°, 65.6, 47.8	`hsl(44.3,65.6%,47.8%)`
HSV (or HSB)	44.3°, 79.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.923, 4.483, 62.592
XYZ	37.346, 37.867, 7.532
xyY	0.451, 0.458, 37.867
CIE-LCH	67.923, 62.752, 85.903
CIE-LUV	67.923, 35.368, 65.684
Hunter-Lab	61.536, 0.643, 35.818
Binary	11001010, 10100000, 00101010

#caa02a
```
#caa02a rgb(202,160,42)
```
#2a54ca
```
#2a54ca rgb(42,84,202)
```

Complementary Color

#ca502a
```
#ca502a rgb(202,80,42)
```
#caa02a
```
#caa02a rgb(202,160,42)
```
#a4ca2a
```
#a4ca2a rgb(164,202,42)
```

Analogous Color

#502aca
```
#502aca rgb(80,42,202)
```
#caa02a
```
#caa02a rgb(202,160,42)
```
#2aa4ca
```
#2aa4ca rgb(42,164,202)
```

Split Complementary Color

#a02aca
```
#a02aca rgb(160,42,202)
```
#caa02a
```
#caa02a rgb(202,160,42)
```
#2acaa0
```
#2acaa0 rgb(42,202,160)
```

Triadic Color

#ca2a54
```
#ca2a54 rgb(202,42,84)
```
#caa02a
```
#caa02a rgb(202,160,42)
```
#2acaa0
```
#2acaa0 rgb(42,202,160)
```
#2a54ca
```
#2a54ca rgb(42,84,202)
```

Tetradic Color

#8b6e1d
```
#8b6e1d rgb(139,110,29)
```
#a07f21
```
#a07f21 rgb(160,127,33)
```
#b58f26
```
#b58f26 rgb(181,143,38)
```
#caa02a
```
#caa02a rgb(202,160,42)
```
#d6ac38
```
#d6ac38 rgb(214,172,56)
```
#dab54d
```
#dab54d rgb(218,181,77)
```
#debe62
```
#debe62 rgb(222,190,98)
```

Monochromatic Color

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

#ca782a
```
#ca782a rgb(202,120,42)
```
#ca852a
```
#ca852a rgb(202,133,42)
```
#ca932a
```
#ca932a rgb(202,147,42)
```
#caa02a
```
#caa02a rgb(202,160,42)
```
#caad2a
```
#caad2a rgb(202,173,42)
```
#cabb2a
```
#cabb2a rgb(202,187,42)
```
#cac82a
```
#cac82a rgb(202,200,42)
```

Similar Colors

Text with hexadecimal color #caa02a

This text has a font color of #caa02a.

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

#caa02a background color

This paragraph has a background color of #caa02a.

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

#caa02a border color

This element has a border color of #caa02a.

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

CSS codes

.text {color:#caa02a;}

.background {background-color:#caa02a;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#171305
```
#171305 rgb(23,19,5)
```
#281f08
```
#281f08 rgb(40,31,8)
```
#382c0c
```
#382c0c rgb(56,44,12)
```
#48390f
```
#48390f rgb(72,57,15)
```
#584612
```
#584612 rgb(88,70,18)
```
#695316
```
#695316 rgb(105,83,22)
```
#796019
```
#796019 rgb(121,96,25)
```
#896d1c
```
#896d1c rgb(137,109,28)
```
#997920
```
#997920 rgb(153,121,32)
```
#aa8623
```
#aa8623 rgb(170,134,35)
```
#ba9327
```
#ba9327 rgb(186,147,39)
```
#caa02a
```
#caa02a rgb(202,160,42)
```

Shade Color Variation

#d5aa33
```
#d5aa33 rgb(213,170,51)
```
#d8b143
```
#d8b143 rgb(216,177,67)
```
#dbb854
```
#dbb854 rgb(219,184,84)
```
#dfbe64
```
#dfbe64 rgb(223,190,100)
```
#e2c574
```
#e2c574 rgb(226,197,116)
```
#e5cc84
```
#e5cc84 rgb(229,204,132)
```
#e9d394
```
#e9d394 rgb(233,211,148)
```
#ecd9a5
```
#ecd9a5 rgb(236,217,165)
```
#f0e0b5
```
#f0e0b5 rgb(240,224,181)
```
#f3e7c5
```
#f3e7c5 rgb(243,231,197)
```
#f6eed5
```
#f6eed5 rgb(246,238,213)
```
#faf4e6
```
#faf4e6 rgb(250,244,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#7f7c75
```
#7f7c75 rgb(127,124,117)
```
#88816c
```
#88816c rgb(136,129,108)
```
#928562
```
#928562 rgb(146,133,98)
```
#9b8a59
```
#9b8a59 rgb(155,138,89)
```
#a48e50
```
#a48e50 rgb(164,142,80)
```
#ae9346
```
#ae9346 rgb(174,147,70)
```
#b7973d
```
#b7973d rgb(183,151,61)
```
#c19c33
```
#c19c33 rgb(193,156,51)
```
#caa02a
```
#caa02a rgb(202,160,42)
```
#d3a421
```
#d3a421 rgb(211,164,33)
```
#dda917
```
#dda917 rgb(221,169,23)
```
#e6ad0e
```
#e6ad0e rgb(230,173,14)
```
#f0b204
```
#f0b204 rgb(240,178,4)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a89f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaa36 Protanopia 1% of men
#d3a236 Deuteranopia 1% of men
#d49aa5 Tritanopia 0.001% of the population

Trichromacy

#c2a631 Protanomaly 1% of men, 0.01% of women
#cfa131 Deuteranomaly 6% of men, 0.4% of women
#d09c78 Tritanomaly 0.01% of the population

#caa02a hex color

#caa02a Color Information

#caa02a Color Conversion

Color Schemes with #caa02a

Alternatives to #caa02a

#caa02a Preview

Shades and Tints of #caa02a

Tones of #caa02a

Color Blindness Simulator