#caa367 hex color

In a RGB color space, hex #caa367 is composed of 79.2% red, 63.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 49% yellow and 20.8% black. It has a hue angle of 36.4 degrees, a saturation of 48.3% and a lightness of 59.8%. #caa367 color hex could be obtained by blending #ffffce with #954700. Closest websafe color is: #cc9966.

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

● #caa367 color description : Slightly desaturated orange.

The hexadecimal color #caa367 has RGB values of R:202, G:163, B:103 and CMYK values of C:0, M:0.19, Y:0.49, K:0.21. Its decimal value is 13280103.

Hex triplet	caa367	`#caa367`
RGB Decimal	202, 163, 103	`rgb(202,163,103)`
RGB Percent	79.2, 63.9, 40.4	`rgb(79.2%,63.9%,40.4%)`
CMYK	0, 19, 49, 21
HSL	36.4°, 48.3, 59.8	`hsl(36.4,48.3%,59.8%)`
HSV (or HSB)	36.4°, 49, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.278, 6.812, 36.461
XYZ	39.903, 39.732, 18.398
xyY	0.407, 0.405, 39.732
CIE-LCH	69.278, 37.092, 79.417
CIE-LUV	69.278, 29.828, 44.219
Hunter-Lab	63.033, 2.69, 26.817
Binary	11001010, 10100011, 01100111

#caa367
```
#caa367 rgb(202,163,103)
```
#678eca
```
#678eca rgb(103,142,202)
```

Complementary Color

#ca7267
```
#ca7267 rgb(202,114,103)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#c0ca67
```
#c0ca67 rgb(192,202,103)
```

Analogous Color

#7267ca
```
#7267ca rgb(114,103,202)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#67c0ca
```
#67c0ca rgb(103,192,202)
```

Split Complementary Color

#a367ca
```
#a367ca rgb(163,103,202)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#67caa3
```
#67caa3 rgb(103,202,163)
```

Triadic Color

#ca678e
```
#ca678e rgb(202,103,142)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#67caa3
```
#67caa3 rgb(103,202,163)
```
#678eca
```
#678eca rgb(103,142,202)
```

Tetradic Color

#a97e3b
```
#a97e3b rgb(169,126,59)
```
#bc8c42
```
#bc8c42 rgb(188,140,66)
```
#c39854
```
#c39854 rgb(195,152,84)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#d1ae7a
```
#d1ae7a rgb(209,174,122)
```
#d7ba8d
```
#d7ba8d rgb(215,186,141)
```
#dec5a0
```
#dec5a0 rgb(222,197,160)
```

Monochromatic Color

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

#ca8a67
```
#ca8a67 rgb(202,138,103)
```
#ca9367
```
#ca9367 rgb(202,147,103)
```
#ca9b67
```
#ca9b67 rgb(202,155,103)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#caab67
```
#caab67 rgb(202,171,103)
```
#cab467
```
#cab467 rgb(202,180,103)
```
#cabc67
```
#cabc67 rgb(202,188,103)
```

Similar Colors

Text with hexadecimal color #caa367

This text has a font color of #caa367.

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

#caa367 background color

This paragraph has a background color of #caa367.

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

#caa367 border color

This element has a border color of #caa367.

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

CSS codes

.text {color:#caa367;}

.background {background-color:#caa367;}

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

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

#080603
```
#080603 rgb(8,6,3)
```
#171108
```
#171108 rgb(23,17,8)
```
#251c0d
```
#251c0d rgb(37,28,13)
```
#342612
```
#342612 rgb(52,38,18)
```
#423117
```
#423117 rgb(66,49,23)
```
#513c1c
```
#513c1c rgb(81,60,28)
```
#5f4721
```
#5f4721 rgb(95,71,33)
```
#6e5226
```
#6e5226 rgb(110,82,38)
```
#7c5c2b
```
#7c5c2b rgb(124,92,43)
```
#8b6730
```
#8b6730 rgb(139,103,48)
```
#997235
```
#997235 rgb(153,114,53)
```
#a87d3b
```
#a87d3b rgb(168,125,59)
```
#b78840
```
#b78840 rgb(183,136,64)
```

Shade Color Variation

#c0914a
```
#c0914a rgb(192,145,74)
```
#c59a58
```
#c59a58 rgb(197,154,88)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#cfac76
```
#cfac76 rgb(207,172,118)
```
#d4b584
```
#d4b584 rgb(212,181,132)
```
#d9bd93
```
#d9bd93 rgb(217,189,147)
```
#dec6a1
```
#dec6a1 rgb(222,198,161)
```
#e3cfb0
```
#e3cfb0 rgb(227,207,176)
```
#e8d8be
```
#e8d8be rgb(232,216,190)
```
#ede1cd
```
#ede1cd rgb(237,225,205)
```
#f3e9db
```
#f3e9db rgb(243,233,219)
```
#f8f2ea
```
#f8f2ea rgb(248,242,234)
```
#fdfbf8
```
#fdfbf8 rgb(253,251,248)
```

Tint Color Variation

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

#9b9996
```
#9b9996 rgb(155,153,150)
```
#a39b8e
```
#a39b8e rgb(163,155,142)
```
#aa9c87
```
#aa9c87 rgb(170,156,135)
```
#b29e7f
```
#b29e7f rgb(178,158,127)
```
#baa077
```
#baa077 rgb(186,160,119)
```
#c2a16f
```
#c2a16f rgb(194,161,111)
```
#caa367
```
#caa367 rgb(202,163,103)
```
#d2a55f
```
#d2a55f rgb(210,165,95)
```
#daa657
```
#daa657 rgb(218,166,87)
```
#e2a84f
```
#e2a84f rgb(226,168,79)
```
#eaaa47
```
#eaaa47 rgb(234,170,71)
```
#f1ab40
```
#f1ab40 rgb(241,171,64)
```
#f9ad38
```
#f9ad38 rgb(249,173,56)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#afa79b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcad71 Protanopia 1% of men
#d0a66f Deuteranopia 1% of men
#d2a0ab Tritanopia 0.001% of the population

Trichromacy

#c1a96d Protanomaly 1% of men, 0.01% of women
#cea56c Deuteranomaly 6% of men, 0.4% of women
#cfa192 Tritanomaly 0.01% of the population

#caa367 hex color

#caa367 Color Information

#caa367 Color Conversion

Color Schemes with #caa367

Alternatives to #caa367

#caa367 Preview

Shades and Tints of #caa367

Tones of #caa367

Color Blindness Simulator