#caa338 hex color

In a RGB color space, hex #caa338 is composed of 79.2% red, 63.9% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 72.3% yellow and 20.8% black. It has a hue angle of 44 degrees, a saturation of 57.9% and a lightness of 50.6%. #caa338 color hex could be obtained by blending #ffff70 with #954700. Closest websafe color is: #cc9933.

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

● #caa338 color description : Moderate orange.

The hexadecimal color #caa338 has RGB values of R:202, G:163, B:56 and CMYK values of C:0, M:0.19, Y:0.72, K:0.21. Its decimal value is 13280056.

Hex triplet	caa338	`#caa338`
RGB Decimal	202, 163, 56	`rgb(202,163,56)`
RGB Percent	79.2, 63.9, 22	`rgb(79.2%,63.9%,22%)`
CMYK	0, 19, 72, 21
HSL	44°, 57.9, 50.6	`hsl(44,57.9%,50.6%)`
HSV (or HSB)	44°, 72.3, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.779, 3.46, 58.2
XYZ	38.169, 39.038, 9.266
xyY	0.441, 0.451, 39.038
CIE-LCH	68.779, 58.302, 86.598
CIE-LUV	68.779, 32.626, 63.407
Hunter-Lab	62.481, -0.297, 34.944
Binary	11001010, 10100011, 00111000

#caa338
```
#caa338 rgb(202,163,56)
```
#385fca
```
#385fca rgb(56,95,202)
```

Complementary Color

#ca5a38
```
#ca5a38 rgb(202,90,56)
```
#caa338
```
#caa338 rgb(202,163,56)
```
#a8ca38
```
#a8ca38 rgb(168,202,56)
```

Analogous Color

#5a38ca
```
#5a38ca rgb(90,56,202)
```
#caa338
```
#caa338 rgb(202,163,56)
```
#38a8ca
```
#38a8ca rgb(56,168,202)
```

Split Complementary Color

#a338ca
```
#a338ca rgb(163,56,202)
```
#caa338
```
#caa338 rgb(202,163,56)
```
#38caa3
```
#38caa3 rgb(56,202,163)
```

Triadic Color

#ca385f
```
#ca385f rgb(202,56,95)
```
#caa338
```
#caa338 rgb(202,163,56)
```
#38caa3
```
#38caa3 rgb(56,202,163)
```
#385fca
```
#385fca rgb(56,95,202)
```

Tetradic Color

#8f7326
```
#8f7326 rgb(143,115,38)
```
#a3832c
```
#a3832c rgb(163,131,44)
```
#b89431
```
#b89431 rgb(184,148,49)
```
#caa338
```
#caa338 rgb(202,163,56)
```
#cfac4c
```
#cfac4c rgb(207,172,76)
```
#d5b660
```
#d5b660 rgb(213,182,96)
```
#dabf74
```
#dabf74 rgb(218,191,116)
```

Monochromatic Color

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

#ca7f38
```
#ca7f38 rgb(202,127,56)
```
#ca8b38
```
#ca8b38 rgb(202,139,56)
```
#ca9738
```
#ca9738 rgb(202,151,56)
```
#caa338
```
#caa338 rgb(202,163,56)
```
#caaf38
```
#caaf38 rgb(202,175,56)
```
#cabb38
```
#cabb38 rgb(202,187,56)
```
#cac838
```
#cac838 rgb(202,200,56)
```

Similar Colors

Text with hexadecimal color #caa338

This text has a font color of #caa338.

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

#caa338 background color

This paragraph has a background color of #caa338.

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

#caa338 border color

This element has a border color of #caa338.

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

CSS codes

.text {color:#caa338;}

.background {background-color:#caa338;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120e05
```
#120e05 rgb(18,14,5)
```
#211b09
```
#211b09 rgb(33,27,9)
```
#31270d
```
#31270d rgb(49,39,13)
```
#403411
```
#403411 rgb(64,52,17)
```
#504015
```
#504015 rgb(80,64,21)
```
#5f4d19
```
#5f4d19 rgb(95,77,25)
```
#6f591e
```
#6f591e rgb(111,89,30)
```
#7e6622
```
#7e6622 rgb(126,102,34)
```
#8e7226
```
#8e7226 rgb(142,114,38)
```
#9d7e2a
```
#9d7e2a rgb(157,126,42)
```
#ad8b2e
```
#ad8b2e rgb(173,139,46)
```
#bc9732
```
#bc9732 rgb(188,151,50)
```

Shade Color Variation

#caa338
```
#caa338 rgb(202,163,56)
```
#ceaa47
```
#ceaa47 rgb(206,170,71)
```
#d2b157
```
#d2b157 rgb(210,177,87)
```
#d6b866
```
#d6b866 rgb(214,184,102)
```
#dbc076
```
#dbc076 rgb(219,192,118)
```
#dfc785
```
#dfc785 rgb(223,199,133)
```
#e3ce95
```
#e3ce95 rgb(227,206,149)
```
#e7d5a4
```
#e7d5a4 rgb(231,213,164)
```
#ebdcb4
```
#ebdcb4 rgb(235,220,180)
```
#efe3c3
```
#efe3c3 rgb(239,227,195)
```
#f3ebd3
```
#f3ebd3 rgb(243,235,211)
```
#f7f2e2
```
#f7f2e2 rgb(247,242,226)
```
#fcf9f2
```
#fcf9f2 rgb(252,249,242)
```

Tint Color Variation

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

#86837c
```
#86837c rgb(134,131,124)
```
#908872
```
#908872 rgb(144,136,114)
```
#9a8c68
```
#9a8c68 rgb(154,140,104)
```
#a3915f
```
#a3915f rgb(163,145,95)
```
#ad9555
```
#ad9555 rgb(173,149,85)
```
#b79a4b
```
#b79a4b rgb(183,154,75)
```
#c09e42
```
#c09e42 rgb(192,158,66)
```
#caa338
```
#caa338 rgb(202,163,56)
```
#d4a82e
```
#d4a82e rgb(212,168,46)
```
#ddac25
```
#ddac25 rgb(221,172,37)
```
#e7b11b
```
#e7b11b rgb(231,177,27)
```
#f1b511
```
#f1b511 rgb(241,181,17)
```
#faba08
```
#faba08 rgb(250,186,8)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#aaa28d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfac43 Protanopia 1% of men
#d5a443 Deuteranopia 1% of men
#d49da8 Tritanopia 0.001% of the population

Trichromacy

#c3a93f Protanomaly 1% of men, 0.01% of women
#d1a33f Deuteranomaly 6% of men, 0.4% of women
#d09f7f Tritanomaly 0.01% of the population

#caa338 hex color

#caa338 Color Information

#caa338 Color Conversion

Color Schemes with #caa338

Alternatives to #caa338

#caa338 Preview

Shades and Tints of #caa338

Tones of #caa338

Color Blindness Simulator