#caa376 hex color

In a RGB color space, hex #caa376 is composed of 79.2% red, 63.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 41.6% yellow and 20.8% black. It has a hue angle of 32.1 degrees, a saturation of 44.2% and a lightness of 62.7%. #caa376 color hex could be obtained by blending #ffffec with #954700. Closest websafe color is: #cc9966.

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

● #caa376 color description : Slightly desaturated orange.

The hexadecimal color #caa376 has RGB values of R:202, G:163, B:118 and CMYK values of C:0, M:0.19, Y:0.42, K:0.21. Its decimal value is 13280118.

Hex triplet	caa376	`#caa376`
RGB Decimal	202, 163, 118	`rgb(202,163,118)`
RGB Percent	79.2, 63.9, 46.3	`rgb(79.2%,63.9%,46.3%)`
CMYK	0, 19, 42, 21
HSL	32.1°, 44.2, 62.7	`hsl(32.1,44.2%,62.7%)`
HSV (or HSB)	32.1°, 41.6, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.513, 8.354, 28.799
XYZ	40.724, 40.06, 22.726
xyY	0.393, 0.387, 40.06
CIE-LCH	69.513, 29.986, 73.824
CIE-LUV	69.513, 28.605, 35.793
Hunter-Lab	63.293, 4.088, 23.017
Binary	11001010, 10100011, 01110110

#caa376
```
#caa376 rgb(202,163,118)
```
#769dca
```
#769dca rgb(118,157,202)
```

Complementary Color

#ca7976
```
#ca7976 rgb(202,121,118)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#c7ca76
```
#c7ca76 rgb(199,202,118)
```

Analogous Color

#7976ca
```
#7976ca rgb(121,118,202)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#76c7ca
```
#76c7ca rgb(118,199,202)
```

Split Complementary Color

#a376ca
```
#a376ca rgb(163,118,202)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#76caa3
```
#76caa3 rgb(118,202,163)
```

Triadic Color

#ca769d
```
#ca769d rgb(202,118,157)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#76caa3
```
#76caa3 rgb(118,202,163)
```
#769dca
```
#769dca rgb(118,157,202)
```

Tetradic Color

#b07e44
```
#b07e44 rgb(176,126,68)
```
#bc8a51
```
#bc8a51 rgb(188,138,81)
```
#c39764
```
#c39764 rgb(195,151,100)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#d1af88
```
#d1af88 rgb(209,175,136)
```
#d8bc9b
```
#d8bc9b rgb(216,188,155)
```
#dfc8ad
```
#dfc8ad rgb(223,200,173)
```

Monochromatic Color

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

#ca8e76
```
#ca8e76 rgb(202,142,118)
```
#ca9576
```
#ca9576 rgb(202,149,118)
```
#ca9c76
```
#ca9c76 rgb(202,156,118)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#caaa76
```
#caaa76 rgb(202,170,118)
```
#cab176
```
#cab176 rgb(202,177,118)
```
#cab876
```
#cab876 rgb(202,184,118)
```

Similar Colors

Text with hexadecimal color #caa376

This text has a font color of #caa376.

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

#caa376 background color

This paragraph has a background color of #caa376.

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

#caa376 border color

This element has a border color of #caa376.

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

CSS codes

.text {color:#caa376;}

.background {background-color:#caa376;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#130d07
```
#130d07 rgb(19,13,7)
```
#21170d
```
#21170d rgb(33,23,13)
```
#2f2212
```
#2f2212 rgb(47,34,18)
```
#3d2c18
```
#3d2c18 rgb(61,44,24)
```
#4b361d
```
#4b361d rgb(75,54,29)
```
#594023
```
#594023 rgb(89,64,35)
```
#674a28
```
#674a28 rgb(103,74,40)
```
#76542d
```
#76542d rgb(118,84,45)
```
#845e33
```
#845e33 rgb(132,94,51)
```
#926838
```
#926838 rgb(146,104,56)
```
#a0723e
```
#a0723e rgb(160,114,62)
```
#ae7d43
```
#ae7d43 rgb(174,125,67)
```

Shade Color Variation

#ba874c
```
#ba874c rgb(186,135,76)
```
#bf905a
```
#bf905a rgb(191,144,90)
```
#c59a68
```
#c59a68 rgb(197,154,104)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#cfac84
```
#cfac84 rgb(207,172,132)
```
#d5b692
```
#d5b692 rgb(213,182,146)
```
#dabfa0
```
#dabfa0 rgb(218,191,160)
```
#e0c9af
```
#e0c9af rgb(224,201,175)
```
#e5d2bd
```
#e5d2bd rgb(229,210,189)
```
#ebdccb
```
#ebdccb rgb(235,220,203)
```
#f0e5d9
```
#f0e5d9 rgb(240,229,217)
```
#f6efe7
```
#f6efe7 rgb(246,239,231)
```
#fbf8f5
```
#fbf8f5 rgb(251,248,245)
```

Tint Color Variation

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

#a5a09b
```
#a5a09b rgb(165,160,155)
```
#ada193
```
#ada193 rgb(173,161,147)
```
#b4a18c
```
#b4a18c rgb(180,161,140)
```
#bba285
```
#bba285 rgb(187,162,133)
```
#c3a27d
```
#c3a27d rgb(195,162,125)
```
#caa376
```
#caa376 rgb(202,163,118)
```
#d1a46f
```
#d1a46f rgb(209,164,111)
```
#d9a467
```
#d9a467 rgb(217,164,103)
```
#e0a560
```
#e0a560 rgb(224,165,96)
```
#e7a559
```
#e7a559 rgb(231,165,89)
```
#efa651
```
#efa651 rgb(239,166,81)
```
#f6a64a
```
#f6a64a rgb(246,166,74)
```
#fda743
```
#fda743 rgb(253,167,67)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b0a9a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbae7f Protanopia 1% of men
#cea77d Deuteranopia 1% of men
#d2a1ac Tritanopia 0.001% of the population

Trichromacy

#c0aa7c Protanomaly 1% of men, 0.01% of women
#cca57a Deuteranomaly 6% of men, 0.4% of women
#cfa298 Tritanomaly 0.01% of the population

#caa376 hex color

#caa376 Color Information

#caa376 Color Conversion

Color Schemes with #caa376

Alternatives to #caa376

#caa376 Preview

Shades and Tints of #caa376

Tones of #caa376

Color Blindness Simulator