#caa966 hex color

In a RGB color space, hex #caa966 is composed of 79.2% red, 66.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.3% magenta, 49.5% yellow and 20.8% black. It has a hue angle of 40.2 degrees, a saturation of 48.5% and a lightness of 59.6%. #caa966 color hex could be obtained by blending #ffffcc with #955300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 66
- B 40
RGB color chart
- C 0
- M 16
- Y 50
- K 21
CMYK color chart

● #caa966 color description : Slightly desaturated orange.

The hexadecimal color #caa966 has RGB values of R:202, G:169, B:102 and CMYK values of C:0, M:0.16, Y:0.5, K:0.21. Its decimal value is 13281638.

Hex triplet	caa966	`#caa966`
RGB Decimal	202, 169, 102	`rgb(202,169,102)`
RGB Percent	79.2, 66.3, 40	`rgb(79.2%,66.3%,40%)`
CMYK	0, 16, 50, 21
HSL	40.2°, 48.5, 59.6	`hsl(40.2,48.5%,59.6%)`
HSV (or HSB)	40.2°, 49.5, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.797, 3.491, 38.879
XYZ	40.943, 41.893, 18.499
xyY	0.404, 0.413, 41.893
CIE-LCH	70.797, 39.035, 84.869
CIE-LUV	70.797, 25.867, 47.705
Hunter-Lab	64.725, -0.354, 28.362
Binary	11001010, 10101001, 01100110

#caa966
```
#caa966 rgb(202,169,102)
```
#6687ca
```
#6687ca rgb(102,135,202)
```

Complementary Color

#ca7766
```
#ca7766 rgb(202,119,102)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#b9ca66
```
#b9ca66 rgb(185,202,102)
```

Analogous Color

#7766ca
```
#7766ca rgb(119,102,202)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#66b9ca
```
#66b9ca rgb(102,185,202)
```

Split Complementary Color

#a966ca
```
#a966ca rgb(169,102,202)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#66caa9
```
#66caa9 rgb(102,202,169)
```

Triadic Color

#ca6687
```
#ca6687 rgb(202,102,135)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#66caa9
```
#66caa9 rgb(102,202,169)
```
#6687ca
```
#6687ca rgb(102,135,202)
```

Tetradic Color

#a9853b
```
#a9853b rgb(169,133,59)
```
#bc9341
```
#bc9341 rgb(188,147,65)
```
#c39e53
```
#c39e53 rgb(195,158,83)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#d1b479
```
#d1b479 rgb(209,180,121)
```
#d7be8c
```
#d7be8c rgb(215,190,140)
```
#dec99f
```
#dec99f rgb(222,201,159)
```

Monochromatic Color

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

#ca9066
```
#ca9066 rgb(202,144,102)
```
#ca9866
```
#ca9866 rgb(202,152,102)
```
#caa166
```
#caa166 rgb(202,161,102)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#cab166
```
#cab166 rgb(202,177,102)
```
#caba66
```
#caba66 rgb(202,186,102)
```
#cac266
```
#cac266 rgb(202,194,102)
```

Similar Colors

Text with hexadecimal color #caa966

This text has a font color of #caa966.

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

#caa966 background color

This paragraph has a background color of #caa966.

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

#caa966 border color

This element has a border color of #caa966.

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

CSS codes

.text {color:#caa966;}

.background {background-color:#caa966;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#161108
```
#161108 rgb(22,17,8)
```
#241d0d
```
#241d0d rgb(36,29,13)
```
#332812
```
#332812 rgb(51,40,18)
```
#423317
```
#423317 rgb(66,51,23)
```
#503f1c
```
#503f1c rgb(80,63,28)
```
#5f4a21
```
#5f4a21 rgb(95,74,33)
```
#6d5626
```
#6d5626 rgb(109,86,38)
```
#7c612b
```
#7c612b rgb(124,97,43)
```
#8a6d30
```
#8a6d30 rgb(138,109,48)
```
#997835
```
#997835 rgb(153,120,53)
```
#a8833a
```
#a8833a rgb(168,131,58)
```
#b68f3f
```
#b68f3f rgb(182,143,63)
```

Shade Color Variation

#c09949
```
#c09949 rgb(192,153,73)
```
#c5a157
```
#c5a157 rgb(197,161,87)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#cfb175
```
#cfb175 rgb(207,177,117)
```
#d4b983
```
#d4b983 rgb(212,185,131)
```
#d9c292
```
#d9c292 rgb(217,194,146)
```
#decaa0
```
#decaa0 rgb(222,202,160)
```
#e3d2af
```
#e3d2af rgb(227,210,175)
```
#e8dabd
```
#e8dabd rgb(232,218,189)
```
#ede2cc
```
#ede2cc rgb(237,226,204)
```
#f2ebdb
```
#f2ebdb rgb(242,235,219)
```
#f7f3e9
```
#f7f3e9 rgb(247,243,233)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#9a9996
```
#9a9996 rgb(154,153,150)
```
#a29c8e
```
#a29c8e rgb(162,156,142)
```
#aa9e86
```
#aa9e86 rgb(170,158,134)
```
#b2a17e
```
#b2a17e rgb(178,161,126)
```
#baa476
```
#baa476 rgb(186,164,118)
```
#c2a66e
```
#c2a66e rgb(194,166,110)
```
#caa966
```
#caa966 rgb(202,169,102)
```
#d2ac5e
```
#d2ac5e rgb(210,172,94)
```
#daae56
```
#daae56 rgb(218,174,86)
```
#e2b14e
```
#e2b14e rgb(226,177,78)
```
#eab446
```
#eab446 rgb(234,180,70)
```
#f2b63e
```
#f2b63e rgb(242,182,62)
```
#fab936
```
#fab936 rgb(250,185,54)
```

Tone Color Variation

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

Dichromacy

#c1b16f Protanopia 1% of men
#d5a96f Deuteranopia 1% of men
#d3a5b0 Tritanopia 0.001% of the population

Trichromacy

#c4ae6b Protanomaly 1% of men, 0.01% of women
#d1a96b Deuteranomaly 6% of men, 0.4% of women
#d0a695 Tritanomaly 0.01% of the population

#caa966 hex color

#caa966 Color Information

#caa966 Color Conversion

Color Schemes with #caa966

Alternatives to #caa966

#caa966 Preview

Shades and Tints of #caa966

Tones of #caa966

Color Blindness Simulator