#caa678 hex color

In a RGB color space, hex #caa678 is composed of 79.2% red, 65.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 40.6% yellow and 20.8% black. It has a hue angle of 33.7 degrees, a saturation of 43.6% and a lightness of 63.1%. #caa678 color hex could be obtained by blending #fffff0 with #954d00. Closest websafe color is: #cc9966.

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

● #caa678 color description : Slightly desaturated orange.

The hexadecimal color #caa678 has RGB values of R:202, G:166, B:120 and CMYK values of C:0, M:0.18, Y:0.41, K:0.21. Its decimal value is 13280888.

Hex triplet	caa678	`#caa678`
RGB Decimal	202, 166, 120	`rgb(202,166,120)`
RGB Percent	79.2, 65.1, 47.1	`rgb(79.2%,65.1%,47.1%)`
CMYK	0, 18, 41, 21
HSL	33.7°, 43.6, 63.1	`hsl(33.7,43.6%,63.1%)`
HSV (or HSB)	33.7°, 40.6, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.306, 6.955, 28.771
XYZ	41.383, 41.186, 23.538
xyY	0.39, 0.388, 41.186
CIE-LCH	70.306, 29.6, 76.41
CIE-LUV	70.306, 26.489, 36.18
Hunter-Lab	64.177, 2.794, 23.178
Binary	11001010, 10100110, 01111000

#caa678
```
#caa678 rgb(202,166,120)
```
#789cca
```
#789cca rgb(120,156,202)
```

Complementary Color

#ca7d78
```
#ca7d78 rgb(202,125,120)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#c5ca78
```
#c5ca78 rgb(197,202,120)
```

Analogous Color

#7d78ca
```
#7d78ca rgb(125,120,202)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#78c5ca
```
#78c5ca rgb(120,197,202)
```

Split Complementary Color

#a678ca
```
#a678ca rgb(166,120,202)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#78caa6
```
#78caa6 rgb(120,202,166)
```

Triadic Color

#ca789c
```
#ca789c rgb(202,120,156)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#78caa6
```
#78caa6 rgb(120,202,166)
```
#789cca
```
#789cca rgb(120,156,202)
```

Tetradic Color

#b08145
```
#b08145 rgb(176,129,69)
```
#bc8e53
```
#bc8e53 rgb(188,142,83)
```
#c39a66
```
#c39a66 rgb(195,154,102)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#d1b28a
```
#d1b28a rgb(209,178,138)
```
#d8be9d
```
#d8be9d rgb(216,190,157)
```
#e0caaf
```
#e0caaf rgb(224,202,175)
```

Monochromatic Color

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

#ca9278
```
#ca9278 rgb(202,146,120)
```
#ca9878
```
#ca9878 rgb(202,152,120)
```
#ca9f78
```
#ca9f78 rgb(202,159,120)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#caad78
```
#caad78 rgb(202,173,120)
```
#cab478
```
#cab478 rgb(202,180,120)
```
#cabb78
```
#cabb78 rgb(202,187,120)
```

Similar Colors

Text with hexadecimal color #caa678

This text has a font color of #caa678.

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

#caa678 background color

This paragraph has a background color of #caa678.

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

#caa678 border color

This element has a border color of #caa678.

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

CSS codes

.text {color:#caa678;}

.background {background-color:#caa678;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#140f08
```
#140f08 rgb(20,15,8)
```
#22190d
```
#22190d rgb(34,25,13)
```
#302313
```
#302313 rgb(48,35,19)
```
#3e2e18
```
#3e2e18 rgb(62,46,24)
```
#4c381e
```
#4c381e rgb(76,56,30)
```
#5a4223
```
#5a4223 rgb(90,66,35)
```
#684d29
```
#684d29 rgb(104,77,41)
```
#77572f
```
#77572f rgb(119,87,47)
```
#856134
```
#856134 rgb(133,97,52)
```
#936c3a
```
#936c3a rgb(147,108,58)
```
#a1763f
```
#a1763f rgb(161,118,63)
```
#af8045
```
#af8045 rgb(175,128,69)
```

Shade Color Variation

#b98a4e
```
#b98a4e rgb(185,138,78)
```
#bf935c
```
#bf935c rgb(191,147,92)
```
#c49d6a
```
#c49d6a rgb(196,157,106)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#d0af86
```
#d0af86 rgb(208,175,134)
```
#d5b994
```
#d5b994 rgb(213,185,148)
```
#dbc2a2
```
#dbc2a2 rgb(219,194,162)
```
#e0cbb0
```
#e0cbb0 rgb(224,203,176)
```
#e6d4be
```
#e6d4be rgb(230,212,190)
```
#ebdecd
```
#ebdecd rgb(235,222,205)
```
#f1e7db
```
#f1e7db rgb(241,231,219)
```
#f6f0e9
```
#f6f0e9 rgb(246,240,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#a6a29c
```
#a6a29c rgb(166,162,156)
```
#ada295
```
#ada295 rgb(173,162,149)
```
#b4a38e
```
#b4a38e rgb(180,163,142)
```
#bca486
```
#bca486 rgb(188,164,134)
```
#c3a57f
```
#c3a57f rgb(195,165,127)
```
#caa678
```
#caa678 rgb(202,166,120)
```
#d1a771
```
#d1a771 rgb(209,167,113)
```
#d8a86a
```
#d8a86a rgb(216,168,106)
```
#e0a962
```
#e0a962 rgb(224,169,98)
```
#e7aa5b
```
#e7aa5b rgb(231,170,91)
```
#eeaa54
```
#eeaa54 rgb(238,170,84)
```
#f5ab4d
```
#f5ab4d rgb(245,171,77)
```
#fdac45
```
#fdac45 rgb(253,172,69)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b2aba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb081 Protanopia 1% of men
#d0a97f Deuteranopia 1% of men
#d2a4af Tritanopia 0.001% of the population

Trichromacy

#c1ac7d Protanomaly 1% of men, 0.01% of women
#cea87c Deuteranomaly 6% of men, 0.4% of women
#cfa49b Tritanomaly 0.01% of the population

#caa678 hex color

#caa678 Color Information

#caa678 Color Conversion

Color Schemes with #caa678

Alternatives to #caa678

#caa678 Preview

Shades and Tints of #caa678

Tones of #caa678

Color Blindness Simulator