colorhexa.com

#caa150 hex color

In a RGB color space, hex #caa150 is composed of 79.2% red, 63.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.3% magenta, 60.4% yellow and 20.8% black. It has a hue angle of 39.8 degrees, a saturation of 53.5% and a lightness of 55.3%. #caa150 color hex could be obtained by blending #ffffa0 with #954300. Closest websafe color is: #cc9966.

- R 79
- G 63
- B 31
RGB color chart
- C 0
- M 20
- Y 60
- K 21
CMYK color chart

● #caa150 color description : Moderate orange.

The hexadecimal color #caa150 has RGB values of R:202, G:161, B:80 and CMYK values of C:0, M:0.2, Y:0.6, K:0.21. Its decimal value is 13279568.

Hex triplet	caa150	`#caa150`
RGB Decimal	202, 161, 80	`rgb(202,161,80)`
RGB Percent	79.2, 63.1, 31.4	`rgb(79.2%,63.1%,31.4%)`
CMYK	0, 20, 60, 21
HSL	39.8°, 53.5, 55.3	`hsl(39.8,53.5%,55.3%)`
HSV (or HSB)	39.8°, 60.4, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.48, 5.973, 47.137
XYZ	38.55, 38.627, 13.014
xyY	0.427, 0.428, 38.627
CIE-LCH	68.48, 47.514, 82.779
CIE-LUV	68.48, 32.819, 54.129
Hunter-Lab	62.151, 1.955, 31.09
Binary	11001010, 10100001, 01010000

#caa150
```
#caa150 rgb(202,161,80)
```
#5079ca
```
#5079ca rgb(80,121,202)
```

Complementary Color

#ca6450
```
#ca6450 rgb(202,100,80)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#b6ca50
```
#b6ca50 rgb(182,202,80)
```

Analogous Color

#6450ca
```
#6450ca rgb(100,80,202)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#50b6ca
```
#50b6ca rgb(80,182,202)
```

Split Complementary Color

#a150ca
```
#a150ca rgb(161,80,202)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#50caa1
```
#50caa1 rgb(80,202,161)
```

Triadic Color

#ca5079
```
#ca5079 rgb(202,80,121)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#50caa1
```
#50caa1 rgb(80,202,161)
```
#5079ca
```
#5079ca rgb(80,121,202)
```

Tetradic Color

#9e7930
```
#9e7930 rgb(158,121,48)
```
#b18836
```
#b18836 rgb(177,136,54)
```
#c4963c
```
#c4963c rgb(196,150,60)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#d0ac64
```
#d0ac64 rgb(208,172,100)
```
#d6b677
```
#d6b677 rgb(214,182,119)
```
#dcc18b
```
#dcc18b rgb(220,193,139)
```

Monochromatic Color

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

#ca8350
```
#ca8350 rgb(202,131,80)
```
#ca8d50
```
#ca8d50 rgb(202,141,80)
```
#ca9750
```
#ca9750 rgb(202,151,80)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#caab50
```
#caab50 rgb(202,171,80)
```
#cab550
```
#cab550 rgb(202,181,80)
```
#cac050
```
#cac050 rgb(202,192,80)
```

Similar Colors

Text with hexadecimal color #caa150

This text has a font color of #caa150.

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

#caa150 background color

This paragraph has a background color of #caa150.

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

#caa150 border color

This element has a border color of #caa150.

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

CSS codes

.text {color:#caa150;}

.background {background-color:#caa150;}

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

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 #fcfaf6 is the lightest one.

#060402
```
#060402 rgb(6,4,2)
```
#151006
```
#151006 rgb(21,16,6)
```
#241b0b
```
#241b0b rgb(36,27,11)
```
#33270f
```
#33270f rgb(51,39,15)
```
#423214
```
#423214 rgb(66,50,20)
```
#513e19
```
#513e19 rgb(81,62,25)
```
#604a1d
```
#604a1d rgb(96,74,29)
```
#6f5522
```
#6f5522 rgb(111,85,34)
```
#7e6126
```
#7e6126 rgb(126,97,38)
```
#8d6c2b
```
#8d6c2b rgb(141,108,43)
```
#9c782f
```
#9c782f rgb(156,120,47)
```
#ab8334
```
#ab8334 rgb(171,131,52)
```
#ba8f38
```
#ba8f38 rgb(186,143,56)
```

Shade Color Variation

#c59941
```
#c59941 rgb(197,153,65)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#cfa95f
```
#cfa95f rgb(207,169,95)
```
#d3b16e
```
#d3b16e rgb(211,177,110)
```
#d8b97d
```
#d8b97d rgb(216,185,125)
```
#dcc18c
```
#dcc18c rgb(220,193,140)
```
#e1c99b
```
#e1c99b rgb(225,201,155)
```
#e5d2aa
```
#e5d2aa rgb(229,210,170)
```
#eadab9
```
#eadab9 rgb(234,218,185)
```
#eee2c8
```
#eee2c8 rgb(238,226,200)
```
#f3ead8
```
#f3ead8 rgb(243,234,216)
```
#f8f2e7
```
#f8f2e7 rgb(248,242,231)
```
#fcfaf6
```
#fcfaf6 rgb(252,250,246)
```

Tint Color Variation

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

#959085
```
#959085 rgb(149,144,133)
```
#9e937c
```
#9e937c rgb(158,147,124)
```
#a79573
```
#a79573 rgb(167,149,115)
```
#b0986a
```
#b0986a rgb(176,152,106)
```
#b89b62
```
#b89b62 rgb(184,155,98)
```
#c19e59
```
#c19e59 rgb(193,158,89)
```
#caa150
```
#caa150 rgb(202,161,80)
```
#d3a447
```
#d3a447 rgb(211,164,71)
```
#dca73e
```
#dca73e rgb(220,167,62)
```
#e4aa36
```
#e4aa36 rgb(228,170,54)
```
#edad2d
```
#edad2d rgb(237,173,45)
```
#f6af24
```
#f6af24 rgb(246,175,36)
```
#ffb21b
```
#ffb21b rgb(255,178,27)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aca393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcab5a Protanopia 1% of men
#d1a359 Deuteranopia 1% of men
#d39da7 Tritanopia 0.001% of the population

Trichromacy

#c1a756 Protanomaly 1% of men, 0.01% of women
#cea256 Deuteranomaly 6% of men, 0.4% of women
#d09e87 Tritanomaly 0.01% of the population