#caa28a hex color

In a RGB color space, hex #caa28a is composed of 79.2% red, 63.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 31.7% yellow and 20.8% black. It has a hue angle of 22.5 degrees, a saturation of 37.6% and a lightness of 66.7%. #caa28a color hex could be obtained by blending #ffffff with #954515. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 79
- G 64
- B 54
RGB color chart
- C 0
- M 20
- Y 32
- K 21
CMYK color chart

● #caa28a color description : Slightly desaturated orange.

The hexadecimal color #caa28a has RGB values of R:202, G:162, B:138 and CMYK values of C:0, M:0.2, Y:0.32, K:0.21. Its decimal value is 13279882.

Hex triplet	caa28a	`#caa28a`
RGB Decimal	202, 162, 138	`rgb(202,162,138)`
RGB Percent	79.2, 63.5, 54.1	`rgb(79.2%,63.5%,54.1%)`
CMYK	0, 20, 32, 21
HSL	22.5°, 37.6, 66.7	`hsl(22.5,37.6%,66.7%)`
HSV (or HSB)	22.5°, 31.7, 79.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.636, 11.309, 18.081
XYZ	41.865, 40.234, 29.604
xyY	0.375, 0.36, 40.234
CIE-LCH	69.636, 21.326, 57.974
CIE-LUV	69.636, 27.383, 22.514
Hunter-Lab	63.43, 6.81, 16.729
Binary	11001010, 10100010, 10001010

#caa28a
```
#caa28a rgb(202,162,138)
```
#8ab2ca
```
#8ab2ca rgb(138,178,202)
```

Complementary Color

#ca8a92
```
#ca8a92 rgb(202,138,146)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#cac28a
```
#cac28a rgb(202,194,138)
```

Analogous Color

#8a92ca
```
#8a92ca rgb(138,146,202)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#8acac2
```
#8acac2 rgb(138,202,194)
```

Split Complementary Color

#a28aca
```
#a28aca rgb(162,138,202)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#8acaa2
```
#8acaa2 rgb(138,202,162)
```

Triadic Color

#ca8ab2
```
#ca8ab2 rgb(202,138,178)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#8acaa2
```
#8acaa2 rgb(138,202,162)
```
#8ab2ca
```
#8ab2ca rgb(138,178,202)
```

Tetradic Color

#b27855
```
#b27855 rgb(178,120,85)
```
#ba8667
```
#ba8667 rgb(186,134,103)
```
#c29478
```
#c29478 rgb(194,148,120)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#d2b09c
```
#d2b09c rgb(210,176,156)
```
#dabead
```
#dabead rgb(218,190,173)
```
#e2ccbf
```
#e2ccbf rgb(226,204,191)
```

Monochromatic Color

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

#ca928a
```
#ca928a rgb(202,146,138)
```
#ca978a
```
#ca978a rgb(202,151,138)
```
#ca9d8a
```
#ca9d8a rgb(202,157,138)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#caa78a
```
#caa78a rgb(202,167,138)
```
#caad8a
```
#caad8a rgb(202,173,138)
```
#cab28a
```
#cab28a rgb(202,178,138)
```

Similar Colors

Text with hexadecimal color #caa28a

This text has a font color of #caa28a.

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

#caa28a background color

This paragraph has a background color of #caa28a.

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

#caa28a border color

This element has a border color of #caa28a.

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

CSS codes

.text {color:#caa28a;}

.background {background-color:#caa28a;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120c08
```
#120c08 rgb(18,12,8)
```
#1f150e
```
#1f150e rgb(31,21,14)
```
#2d1e14
```
#2d1e14 rgb(45,30,20)
```
#3a271b
```
#3a271b rgb(58,39,27)
```
#482f21
```
#482f21 rgb(72,47,33)
```
#563827
```
#563827 rgb(86,56,39)
```
#63412d
```
#63412d rgb(99,65,45)
```
#714a33
```
#714a33 rgb(113,74,51)
```
#7e5339
```
#7e5339 rgb(126,83,57)
```
#8c5c3f
```
#8c5c3f rgb(140,92,63)
```
#996545
```
#996545 rgb(153,101,69)
```
#a76e4b
```
#a76e4b rgb(167,110,75)
```

Shade Color Variation

#b27754
```
#b27754 rgb(178,119,84)
```
#b88262
```
#b88262 rgb(184,130,98)
```
#be8d6f
```
#be8d6f rgb(190,141,111)
```
#c4977d
```
#c4977d rgb(196,151,125)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#d0ad98
```
#d0ad98 rgb(208,173,152)
```
#d6b7a5
```
#d6b7a5 rgb(214,183,165)
```
#dcc2b3
```
#dcc2b3 rgb(220,194,179)
```
#e2cdc0
```
#e2cdc0 rgb(226,205,192)
```
#e9d8ce
```
#e9d8ce rgb(233,216,206)
```
#efe2db
```
#efe2db rgb(239,226,219)
```
#f5ede9
```
#f5ede9 rgb(245,237,233)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#b0a9a4
```
#b0a9a4 rgb(176,169,164)
```
#b6a79e
```
#b6a79e rgb(182,167,158)
```
#bda597
```
#bda597 rgb(189,165,151)
```
#c3a491
```
#c3a491 rgb(195,164,145)
```
#caa28a
```
#caa28a rgb(202,162,138)
```
#d1a083
```
#d1a083 rgb(209,160,131)
```
#d79f7d
```
#d79f7d rgb(215,159,125)
```
#de9d76
```
#de9d76 rgb(222,157,118)
```
#e49b70
```
#e49b70 rgb(228,155,112)
```
#eb9a69
```
#eb9a69 rgb(235,154,105)
```
#f19863
```
#f19863 rgb(241,152,99)
```
#f8975c
```
#f8975c rgb(248,151,92)
```
#fe9556
```
#fe9556 rgb(254,149,86)
```

Tone Color Variation

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

Dichromacy

#b7ae93 Protanopia 1% of men
#c9a88f Deuteranopia 1% of men
#d0a2ad Tritanopia 0.001% of the population

Trichromacy

#bea98f Protanomaly 1% of men, 0.01% of women
#c9a58d Deuteranomaly 6% of men, 0.4% of women
#cea2a0 Tritanomaly 0.01% of the population

#caa28a hex color

#caa28a Color Information

#caa28a Color Conversion

Color Schemes with #caa28a

Alternatives to #caa28a

#caa28a Preview

Shades and Tints of #caa28a

Tones of #caa28a

Color Blindness Simulator