#caa36e hex color

In a RGB color space, hex #caa36e is composed of 79.2% red, 63.9% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 45.5% yellow and 20.8% black. It has a hue angle of 34.6 degrees, a saturation of 46.5% and a lightness of 61.2%. #caa36e color hex could be obtained by blending #ffffdc with #954700. Closest websafe color is: #cc9966.

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

● #caa36e color description : Slightly desaturated orange.

The hexadecimal color #caa36e has RGB values of R:202, G:163, B:110 and CMYK values of C:0, M:0.19, Y:0.46, K:0.21. Its decimal value is 13280110.

Hex triplet	caa36e	`#caa36e`
RGB Decimal	202, 163, 110	`rgb(202,163,110)`
RGB Percent	79.2, 63.9, 43.1	`rgb(79.2%,63.9%,43.1%)`
CMYK	0, 19, 46, 21
HSL	34.6°, 46.5, 61.2	`hsl(34.6,46.5%,61.2%)`
HSV (or HSB)	34.6°, 45.5, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.383, 7.503, 32.906
XYZ	40.269, 39.878, 20.327
xyY	0.401, 0.397, 39.878
CIE-LCH	69.383, 33.75, 77.155
CIE-LUV	69.383, 29.276, 40.414
Hunter-Lab	63.149, 3.314, 25.12
Binary	11001010, 10100011, 01101110

#caa36e
```
#caa36e rgb(202,163,110)
```
#6e95ca
```
#6e95ca rgb(110,149,202)
```

Complementary Color

#ca756e
```
#ca756e rgb(202,117,110)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#c3ca6e
```
#c3ca6e rgb(195,202,110)
```

Analogous Color

#756eca
```
#756eca rgb(117,110,202)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#6ec3ca
```
#6ec3ca rgb(110,195,202)
```

Split Complementary Color

#a36eca
```
#a36eca rgb(163,110,202)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#6ecaa3
```
#6ecaa3 rgb(110,202,163)
```

Triadic Color

#ca6e95
```
#ca6e95 rgb(202,110,149)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#6ecaa3
```
#6ecaa3 rgb(110,202,163)
```
#6e95ca
```
#6e95ca rgb(110,149,202)
```

Tetradic Color

#ac7e3f
```
#ac7e3f rgb(172,126,63)
```
#bc8b49
```
#bc8b49 rgb(188,139,73)
```
#c3975b
```
#c3975b rgb(195,151,91)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#d1af81
```
#d1af81 rgb(209,175,129)
```
#d8bb93
```
#d8bb93 rgb(216,187,147)
```
#dec7a6
```
#dec7a6 rgb(222,199,166)
```

Monochromatic Color

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

#ca8c6e
```
#ca8c6e rgb(202,140,110)
```
#ca946e
```
#ca946e rgb(202,148,110)
```
#ca9b6e
```
#ca9b6e rgb(202,155,110)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#caab6e
```
#caab6e rgb(202,171,110)
```
#cab26e
```
#cab26e rgb(202,178,110)
```
#caba6e
```
#caba6e rgb(202,186,110)
```

Similar Colors

Text with hexadecimal color #caa36e

This text has a font color of #caa36e.

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

#caa36e background color

This paragraph has a background color of #caa36e.

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

#caa36e border color

This element has a border color of #caa36e.

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

CSS codes

.text {color:#caa36e;}

.background {background-color:#caa36e;}

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

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, #0d0a05 is the darkest color, while #fffefe is the lightest one.

#0d0a05
```
#0d0a05 rgb(13,10,5)
```
#1b140a
```
#1b140a rgb(27,20,10)
```
#2a1f0f
```
#2a1f0f rgb(42,31,15)
```
#382915
```
#382915 rgb(56,41,21)
```
#46341a
```
#46341a rgb(70,52,26)
```
#553e1f
```
#553e1f rgb(85,62,31)
```
#634924
```
#634924 rgb(99,73,36)
```
#72532a
```
#72532a rgb(114,83,42)
```
#805e2f
```
#805e2f rgb(128,94,47)
```
#8e6834
```
#8e6834 rgb(142,104,52)
```
#9d7339
```
#9d7339 rgb(157,115,57)
```
#ab7d3f
```
#ab7d3f rgb(171,125,63)
```
#b98844
```
#b98844 rgb(185,136,68)
```

Shade Color Variation

#bf9151
```
#bf9151 rgb(191,145,81)
```
#c59a60
```
#c59a60 rgb(197,154,96)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#cfac7c
```
#cfac7c rgb(207,172,124)
```
#d5b58b
```
#d5b58b rgb(213,181,139)
```
#dabe99
```
#dabe99 rgb(218,190,153)
```
#dfc7a7
```
#dfc7a7 rgb(223,199,167)
```
#e4d1b6
```
#e4d1b6 rgb(228,209,182)
```
#eadac4
```
#eadac4 rgb(234,218,196)
```
#efe3d3
```
#efe3d3 rgb(239,227,211)
```
#f4ece1
```
#f4ece1 rgb(244,236,225)
```
#f9f5ef
```
#f9f5ef rgb(249,245,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#a49d94
```
#a49d94 rgb(164,157,148)
```
#ac9e8c
```
#ac9e8c rgb(172,158,140)
```
#b3a085
```
#b3a085 rgb(179,160,133)
```
#bba17d
```
#bba17d rgb(187,161,125)
```
#c2a276
```
#c2a276 rgb(194,162,118)
```
#caa36e
```
#caa36e rgb(202,163,110)
```
#d2a466
```
#d2a466 rgb(210,164,102)
```
#d9a55f
```
#d9a55f rgb(217,165,95)
```
#e1a657
```
#e1a657 rgb(225,166,87)
```
#e8a850
```
#e8a850 rgb(232,168,80)
```
#f0a948
```
#f0a948 rgb(240,169,72)
```
#f8aa40
```
#f8aa40 rgb(248,170,64)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b0a89d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbad77 Protanopia 1% of men
#cfa675 Deuteranopia 1% of men
#d2a0ab Tritanopia 0.001% of the population

Trichromacy

#c1a974 Protanomaly 1% of men, 0.01% of women
#cda573 Deuteranomaly 6% of men, 0.4% of women
#cfa195 Tritanomaly 0.01% of the population

#caa36e hex color

#caa36e Color Information

#caa36e Color Conversion

Color Schemes with #caa36e

Alternatives to #caa36e

#caa36e Preview

Shades and Tints of #caa36e

Tones of #caa36e

Color Blindness Simulator