#caa671 hex color

In a RGB color space, hex #caa671 is composed of 79.2% red, 65.1% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 44.1% yellow and 20.8% black. It has a hue angle of 35.7 degrees, a saturation of 45.6% and a lightness of 61.8%. #caa671 color hex could be obtained by blending #ffffe2 with #954d00. Closest websafe color is: #cc9966.

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

● #caa671 color description : Slightly desaturated orange.

The hexadecimal color #caa671 has RGB values of R:202, G:166, B:113 and CMYK values of C:0, M:0.18, Y:0.44, K:0.21. Its decimal value is 13280881.

Hex triplet	caa671	`#caa671`
RGB Decimal	202, 166, 113	`rgb(202,166,113)`
RGB Percent	79.2, 65.1, 44.3	`rgb(79.2%,65.1%,44.3%)`
CMYK	0, 18, 44, 21
HSL	35.7°, 45.6, 61.8	`hsl(35.7,45.6%,61.8%)`
HSV (or HSB)	35.7°, 44.1, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.192, 6.195, 32.357
XYZ	40.974, 41.023, 21.382
xyY	0.396, 0.397, 41.023
CIE-LCH	70.192, 32.945, 79.162
CIE-LUV	70.192, 27.054, 40.259
Hunter-Lab	64.049, 2.106, 25.041
Binary	11001010, 10100110, 01110001

#caa671
```
#caa671 rgb(202,166,113)
```
#7195ca
```
#7195ca rgb(113,149,202)
```

Complementary Color

#ca7a71
```
#ca7a71 rgb(202,122,113)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#c2ca71
```
#c2ca71 rgb(194,202,113)
```

Analogous Color

#7a71ca
```
#7a71ca rgb(122,113,202)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#71c2ca
```
#71c2ca rgb(113,194,202)
```

Split Complementary Color

#a671ca
```
#a671ca rgb(166,113,202)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#71caa6
```
#71caa6 rgb(113,202,166)
```

Triadic Color

#ca7195
```
#ca7195 rgb(202,113,149)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#71caa6
```
#71caa6 rgb(113,202,166)
```
#7195ca
```
#7195ca rgb(113,149,202)
```

Tetradic Color

#ae8241
```
#ae8241 rgb(174,130,65)
```
#bc8f4c
```
#bc8f4c rgb(188,143,76)
```
#c39a5e
```
#c39a5e rgb(195,154,94)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#d1b284
```
#d1b284 rgb(209,178,132)
```
#d8bd96
```
#d8bd96 rgb(216,189,150)
```
#dfc9a9
```
#dfc9a9 rgb(223,201,169)
```

Monochromatic Color

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

#ca9071
```
#ca9071 rgb(202,144,113)
```
#ca9771
```
#ca9771 rgb(202,151,113)
```
#ca9f71
```
#ca9f71 rgb(202,159,113)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#caad71
```
#caad71 rgb(202,173,113)
```
#cab571
```
#cab571 rgb(202,181,113)
```
#cabc71
```
#cabc71 rgb(202,188,113)
```

Similar Colors

Text with hexadecimal color #caa671

This text has a font color of #caa671.

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

#caa671 background color

This paragraph has a background color of #caa671.

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

#caa671 border color

This element has a border color of #caa671.

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

CSS codes

.text {color:#caa671;}

.background {background-color:#caa671;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0b06
```
#0f0b06 rgb(15,11,6)
```
#1d160b
```
#1d160b rgb(29,22,11)
```
#2c2110
```
#2c2110 rgb(44,33,16)
```
#3a2b16
```
#3a2b16 rgb(58,43,22)
```
#48361b
```
#48361b rgb(72,54,27)
```
#574120
```
#574120 rgb(87,65,32)
```
#654b26
```
#654b26 rgb(101,75,38)
```
#73562b
```
#73562b rgb(115,86,43)
```
#816130
```
#816130 rgb(129,97,48)
```
#906b36
```
#906b36 rgb(144,107,54)
```
#9e763b
```
#9e763b rgb(158,118,59)
```
#ac8140
```
#ac8140 rgb(172,129,64)
```

Shade Color Variation

#ba8b46
```
#ba8b46 rgb(186,139,70)
```
#bf9454
```
#bf9454 rgb(191,148,84)
```
#c59d63
```
#c59d63 rgb(197,157,99)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#cfaf7f
```
#cfaf7f rgb(207,175,127)
```
#d5b88e
```
#d5b88e rgb(213,184,142)
```
#dac19c
```
#dac19c rgb(218,193,156)
```
#dfcaaa
```
#dfcaaa rgb(223,202,170)
```
#e5d3b8
```
#e5d3b8 rgb(229,211,184)
```
#eadcc7
```
#eadcc7 rgb(234,220,199)
```
#efe5d5
```
#efe5d5 rgb(239,229,213)
```
#f5eee3
```
#f5eee3 rgb(245,238,227)
```
#faf7f2
```
#faf7f2 rgb(250,247,242)
```

Tint Color Variation

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

#a59f97
```
#a59f97 rgb(165,159,151)
```
#aca08f
```
#aca08f rgb(172,160,143)
```
#b4a288
```
#b4a288 rgb(180,162,136)
```
#bba380
```
#bba380 rgb(187,163,128)
```
#c3a579
```
#c3a579 rgb(195,165,121)
```
#caa671
```
#caa671 rgb(202,166,113)
```
#d2a76a
```
#d2a76a rgb(210,167,106)
```
#d9a962
```
#d9a962 rgb(217,169,98)
```
#e1aa5b
```
#e1aa5b rgb(225,170,91)
```
#e8ac53
```
#e8ac53 rgb(232,172,83)
```
#f0ad4c
```
#f0ad4c rgb(240,173,76)
```
#f7af44
```
#f7af44 rgb(247,175,68)
```
#ffb03d
```
#ffb03d rgb(255,176,61)
```

Tone Color Variation

Below, you can see how #caa671 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
#b1aa9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaf7a Protanopia 1% of men
#d1a878 Deuteranopia 1% of men
#d2a3ae Tritanopia 0.001% of the population

Trichromacy

#c2ac76 Protanomaly 1% of men, 0.01% of women
#cea776 Deuteranomaly 6% of men, 0.4% of women
#cfa498 Tritanomaly 0.01% of the population

#caa671 hex color

#caa671 Color Information

#caa671 Color Conversion

Color Schemes with #caa671

Alternatives to #caa671

#caa671 Preview

Shades and Tints of #caa671

Tones of #caa671

Color Blindness Simulator