#caa57c hex color

In a RGB color space, hex #caa57c is composed of 79.2% red, 64.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 38.6% yellow and 20.8% black. It has a hue angle of 31.5 degrees, a saturation of 42.4% and a lightness of 63.9%. #caa57c color hex could be obtained by blending #fffff8 with #954b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 65
- B 49
RGB color chart
- C 0
- M 18
- Y 39
- K 21
CMYK color chart

● #caa57c color description : Slightly desaturated orange.

The hexadecimal color #caa57c has RGB values of R:202, G:165, B:124 and CMYK values of C:0, M:0.18, Y:0.39, K:0.21. Its decimal value is 13280636.

Hex triplet	caa57c	`#caa57c`
RGB Decimal	202, 165, 124	`rgb(202,165,124)`
RGB Percent	79.2, 64.7, 48.6	`rgb(79.2%,64.7%,48.6%)`
CMYK	0, 18, 39, 21
HSL	31.5°, 42.4, 63.9	`hsl(31.5,42.4%,63.9%)`
HSV (or HSB)	31.5°, 38.6, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.122, 7.952, 26.373
XYZ	41.45, 40.923, 24.783
xyY	0.387, 0.382, 40.923
CIE-LCH	70.122, 27.546, 73.22
CIE-LUV	70.122, 26.794, 33.218
Hunter-Lab	63.971, 3.709, 21.81
Binary	11001010, 10100101, 01111100

#caa57c
```
#caa57c rgb(202,165,124)
```
#7ca1ca
```
#7ca1ca rgb(124,161,202)
```

Complementary Color

#ca7e7c
```
#ca7e7c rgb(202,126,124)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#c8ca7c
```
#c8ca7c rgb(200,202,124)
```

Analogous Color

#7e7cca
```
#7e7cca rgb(126,124,202)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#7cc8ca
```
#7cc8ca rgb(124,200,202)
```

Split Complementary Color

#a57cca
```
#a57cca rgb(165,124,202)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#7ccaa5
```
#7ccaa5 rgb(124,202,165)
```

Triadic Color

#ca7ca1
```
#ca7ca1 rgb(202,124,161)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#7ccaa5
```
#7ccaa5 rgb(124,202,165)
```
#7ca1ca
```
#7ca1ca rgb(124,161,202)
```

Tetradic Color

#b27f48
```
#b27f48 rgb(178,127,72)
```
#bb8c58
```
#bb8c58 rgb(187,140,88)
```
#c3996a
```
#c3996a rgb(195,153,106)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#d1b18e
```
#d1b18e rgb(209,177,142)
```
#d9bea0
```
#d9bea0 rgb(217,190,160)
```
#e0cab2
```
#e0cab2 rgb(224,202,178)
```

Monochromatic Color

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

#ca927c
```
#ca927c rgb(202,146,124)
```
#ca987c
```
#ca987c rgb(202,152,124)
```
#ca9f7c
```
#ca9f7c rgb(202,159,124)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#caac7c
```
#caac7c rgb(202,172,124)
```
#cab27c
```
#cab27c rgb(202,178,124)
```
#cab97c
```
#cab97c rgb(202,185,124)
```

Similar Colors

Text with hexadecimal color #caa57c

This text has a font color of #caa57c.

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

#caa57c background color

This paragraph has a background color of #caa57c.

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

#caa57c border color

This element has a border color of #caa57c.

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

CSS codes

.text {color:#caa57c;}

.background {background-color:#caa57c;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#171009
```
#171009 rgb(23,16,9)
```
#251a0f
```
#251a0f rgb(37,26,15)
```
#332414
```
#332414 rgb(51,36,20)
```
#412e1a
```
#412e1a rgb(65,46,26)
```
#4e3820
```
#4e3820 rgb(78,56,32)
```
#5c4225
```
#5c4225 rgb(92,66,37)
```
#6a4c2b
```
#6a4c2b rgb(106,76,43)
```
#785631
```
#785631 rgb(120,86,49)
```
#866036
```
#866036 rgb(134,96,54)
```
#946a3c
```
#946a3c rgb(148,106,60)
```
#a27442
```
#a27442 rgb(162,116,66)
```
#b07e47
```
#b07e47 rgb(176,126,71)
```

Shade Color Variation

#b98852
```
#b98852 rgb(185,136,82)
```
#bf9260
```
#bf9260 rgb(191,146,96)
```
#c49b6e
```
#c49b6e rgb(196,155,110)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#d0af8a
```
#d0af8a rgb(208,175,138)
```
#d5b898
```
#d5b898 rgb(213,184,152)
```
#dbc2a6
```
#dbc2a6 rgb(219,194,166)
```
#e1cbb4
```
#e1cbb4 rgb(225,203,180)
```
#e6d5c2
```
#e6d5c2 rgb(230,213,194)
```
#ecdfd0
```
#ecdfd0 rgb(236,223,208)
```
#f2e8de
```
#f2e8de rgb(242,232,222)
```
#f7f2ec
```
#f7f2ec rgb(247,242,236)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#a7a39f
```
#a7a39f rgb(167,163,159)
```
#aea498
```
#aea498 rgb(174,164,152)
```
#b5a491
```
#b5a491 rgb(181,164,145)
```
#bca48a
```
#bca48a rgb(188,164,138)
```
#c3a583
```
#c3a583 rgb(195,165,131)
```
#caa57c
```
#caa57c rgb(202,165,124)
```
#d1a575
```
#d1a575 rgb(209,165,117)
```
#d8a66e
```
#d8a66e rgb(216,166,110)
```
#dfa667
```
#dfa667 rgb(223,166,103)
```
#e6a660
```
#e6a660 rgb(230,166,96)
```
#eda759
```
#eda759 rgb(237,167,89)
```
#f4a752
```
#f4a752 rgb(244,167,82)
```
#fca84a
```
#fca84a rgb(252,168,74)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b1aaa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbaf85 Protanopia 1% of men
#cea883 Deuteranopia 1% of men
#d1a3af Tritanopia 0.001% of the population

Trichromacy

#c1ab81 Protanomaly 1% of men, 0.01% of women
#cda780 Deuteranomaly 6% of men, 0.4% of women
#cea49c Tritanomaly 0.01% of the population

#caa57c hex color

#caa57c Color Information

#caa57c Color Conversion

Color Schemes with #caa57c

Alternatives to #caa57c

#caa57c Preview

Shades and Tints of #caa57c

Tones of #caa57c

Color Blindness Simulator