#caa46f hex color

In a RGB color space, hex #caa46f is composed of 79.2% red, 64.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 45% yellow and 20.8% black. It has a hue angle of 34.9 degrees, a saturation of 46.2% and a lightness of 61.4%. #caa46f color hex could be obtained by blending #ffffde with #954900. Closest websafe color is: #cc9966.

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

● #caa46f color description : Slightly desaturated orange.

The hexadecimal color #caa46f has RGB values of R:202, G:164, B:111 and CMYK values of C:0, M:0.19, Y:0.45, K:0.21. Its decimal value is 13280367.

Hex triplet	caa46f	`#caa46f`
RGB Decimal	202, 164, 111	`rgb(202,164,111)`
RGB Percent	79.2, 64.3, 43.5	`rgb(79.2%,64.3%,43.5%)`
CMYK	0, 19, 45, 21
HSL	34.9°, 46.2, 61.4	`hsl(34.9,46.2%,61.4%)`
HSV (or HSB)	34.9°, 45, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.652, 7.065, 32.721
XYZ	40.502, 40.257, 20.675
xyY	0.399, 0.397, 40.257
CIE-LCH	69.652, 33.476, 77.815
CIE-LUV	69.652, 28.532, 40.363
Hunter-Lab	63.448, 2.911, 25.094
Binary	11001010, 10100100, 01101111

#caa46f
```
#caa46f rgb(202,164,111)
```
#6f95ca
```
#6f95ca rgb(111,149,202)
```

Complementary Color

#ca776f
```
#ca776f rgb(202,119,111)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#c3ca6f
```
#c3ca6f rgb(195,202,111)
```

Analogous Color

#776fca
```
#776fca rgb(119,111,202)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#6fc3ca
```
#6fc3ca rgb(111,195,202)
```

Split Complementary Color

#a46fca
```
#a46fca rgb(164,111,202)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#6fcaa4
```
#6fcaa4 rgb(111,202,164)
```

Triadic Color

#ca6f95
```
#ca6f95 rgb(202,111,149)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#6fcaa4
```
#6fcaa4 rgb(111,202,164)
```
#6f95ca
```
#6f95ca rgb(111,149,202)
```

Tetradic Color

#ad7f40
```
#ad7f40 rgb(173,127,64)
```
#bc8c4a
```
#bc8c4a rgb(188,140,74)
```
#c3985c
```
#c3985c rgb(195,152,92)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#d1b082
```
#d1b082 rgb(209,176,130)
```
#d8bc94
```
#d8bc94 rgb(216,188,148)
```
#dfc7a7
```
#dfc7a7 rgb(223,199,167)
```

Monochromatic Color

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

#ca8d6f
```
#ca8d6f rgb(202,141,111)
```
#ca956f
```
#ca956f rgb(202,149,111)
```
#ca9c6f
```
#ca9c6f rgb(202,156,111)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#caac6f
```
#caac6f rgb(202,172,111)
```
#cab36f
```
#cab36f rgb(202,179,111)
```
#cabb6f
```
#cabb6f rgb(202,187,111)
```

Similar Colors

Text with hexadecimal color #caa46f

This text has a font color of #caa46f.

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

#caa46f background color

This paragraph has a background color of #caa46f.

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

#caa46f border color

This element has a border color of #caa46f.

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

CSS codes

.text {color:#caa46f;}

.background {background-color:#caa46f;}

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

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

#0e0a05
```
#0e0a05 rgb(14,10,5)
```
#1c150a
```
#1c150a rgb(28,21,10)
```
#2a1f10
```
#2a1f10 rgb(42,31,16)
```
#392a15
```
#392a15 rgb(57,42,21)
```
#47341a
```
#47341a rgb(71,52,26)
```
#553f1f
```
#553f1f rgb(85,63,31)
```
#644925
```
#644925 rgb(100,73,37)
```
#72542a
```
#72542a rgb(114,84,42)
```
#805f2f
```
#805f2f rgb(128,95,47)
```
#8f6935
```
#8f6935 rgb(143,105,53)
```
#9d743a
```
#9d743a rgb(157,116,58)
```
#ab7e3f
```
#ab7e3f rgb(171,126,63)
```
#ba8944
```
#ba8944 rgb(186,137,68)
```

Shade Color Variation

#bf9252
```
#bf9252 rgb(191,146,82)
```
#c59b61
```
#c59b61 rgb(197,155,97)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#cfad7d
```
#cfad7d rgb(207,173,125)
```
#d5b68c
```
#d5b68c rgb(213,182,140)
```
#dabf9a
```
#dabf9a rgb(218,191,154)
```
#dfc8a8
```
#dfc8a8 rgb(223,200,168)
```
#e4d1b7
```
#e4d1b7 rgb(228,209,183)
```
#eadac5
```
#eadac5 rgb(234,218,197)
```
#efe3d3
```
#efe3d3 rgb(239,227,211)
```
#f4ece2
```
#f4ece2 rgb(244,236,226)
```
#f9f6f0
```
#f9f6f0 rgb(249,246,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a49e95
```
#a49e95 rgb(164,158,149)
```
#ac9f8d
```
#ac9f8d rgb(172,159,141)
```
#b3a086
```
#b3a086 rgb(179,160,134)
```
#bba27e
```
#bba27e rgb(187,162,126)
```
#c2a377
```
#c2a377 rgb(194,163,119)
```
#caa46f
```
#caa46f rgb(202,164,111)
```
#d2a567
```
#d2a567 rgb(210,165,103)
```
#d9a660
```
#d9a660 rgb(217,166,96)
```
#e1a858
```
#e1a858 rgb(225,168,88)
```
#e8a951
```
#e8a951 rgb(232,169,81)
```
#f0aa49
```
#f0aa49 rgb(240,170,73)
```
#f7ab42
```
#f7ab42 rgb(247,171,66)
```

Tone Color Variation

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

#bcae78 Protanopia 1% of men
#d0a776 Deuteranopia 1% of men
#d2a1ac Tritanopia 0.001% of the population

Trichromacy

#c1aa75 Protanomaly 1% of men, 0.01% of women
#cda674 Deuteranomaly 6% of men, 0.4% of women
#cfa296 Tritanomaly 0.01% of the population

#caa46f hex color

#caa46f Color Information

#caa46f Color Conversion

Color Schemes with #caa46f

Alternatives to #caa46f

#caa46f Preview

Shades and Tints of #caa46f

Tones of #caa46f

Color Blindness Simulator