#caa458 hex color

In a RGB color space, hex #caa458 is composed of 79.2% red, 64.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 56.4% yellow and 20.8% black. It has a hue angle of 40 degrees, a saturation of 51.8% and a lightness of 56.9%. #caa458 color hex could be obtained by blending #ffffb0 with #954900. Closest websafe color is: #cc9966.

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

● #caa458 color description : Moderate orange.

The hexadecimal color #caa458 has RGB values of R:202, G:164, B:88 and CMYK values of C:0, M:0.19, Y:0.56, K:0.21. Its decimal value is 13280344.

Hex triplet	caa458	`#caa458`
RGB Decimal	202, 164, 88	`rgb(202,164,88)`
RGB Percent	79.2, 64.3, 34.5	`rgb(79.2%,64.3%,34.5%)`
CMYK	0, 19, 56, 21
HSL	40°, 51.8, 56.9	`hsl(40,51.8%,56.9%)`
HSV (or HSB)	40°, 56.4, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.337, 4.963, 44.203
XYZ	39.394, 39.814, 14.842
xyY	0.419, 0.423, 39.814
CIE-LCH	69.337, 44.481, 83.593
CIE-LUV	69.337, 30.204, 52.045
Hunter-Lab	63.098, 1.022, 30.223
Binary	11001010, 10100100, 01011000

#caa458
```
#caa458 rgb(202,164,88)
```
#587eca
```
#587eca rgb(88,126,202)
```

Complementary Color

#ca6b58
```
#ca6b58 rgb(202,107,88)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#b7ca58
```
#b7ca58 rgb(183,202,88)
```

Analogous Color

#6b58ca
```
#6b58ca rgb(107,88,202)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#58b7ca
```
#58b7ca rgb(88,183,202)
```

Split Complementary Color

#a458ca
```
#a458ca rgb(164,88,202)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#58caa4
```
#58caa4 rgb(88,202,164)
```

Triadic Color

#ca587e
```
#ca587e rgb(202,88,126)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#58caa4
```
#58caa4 rgb(88,202,164)
```
#587eca
```
#587eca rgb(88,126,202)
```

Tetradic Color

#a27d33
```
#a27d33 rgb(162,125,51)
```
#b58c3a
```
#b58c3a rgb(181,140,58)
```
#c49945
```
#c49945 rgb(196,153,69)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#d0af6b
```
#d0af6b rgb(208,175,107)
```
#d6b97f
```
#d6b97f rgb(214,185,127)
```
#dcc492
```
#dcc492 rgb(220,196,146)
```

Monochromatic Color

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

#ca8858
```
#ca8858 rgb(202,136,88)
```
#ca9158
```
#ca9158 rgb(202,145,88)
```
#ca9b58
```
#ca9b58 rgb(202,155,88)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#caae58
```
#caae58 rgb(202,174,88)
```
#cab758
```
#cab758 rgb(202,183,88)
```
#cac158
```
#cac158 rgb(202,193,88)
```

Similar Colors

Text with hexadecimal color #caa458

This text has a font color of #caa458.

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

#caa458 background color

This paragraph has a background color of #caa458.

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

#caa458 border color

This element has a border color of #caa458.

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

CSS codes

.text {color:#caa458;}

.background {background-color:#caa458;}

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

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, #0c0904 is the darkest color, while #fefdfc is the lightest one.

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1b1508
```
#1b1508 rgb(27,21,8)
```
#29200d
```
#29200d rgb(41,32,13)
```
#382c12
```
#382c12 rgb(56,44,18)
```
#473717
```
#473717 rgb(71,55,23)
```
#56431b
```
#56431b rgb(86,67,27)
```
#654e20
```
#654e20 rgb(101,78,32)
```
#745a25
```
#745a25 rgb(116,90,37)
```
#83652a
```
#83652a rgb(131,101,42)
```
#92712e
```
#92712e rgb(146,113,46)
```
#a17c33
```
#a17c33 rgb(161,124,51)
```
#af8838
```
#af8838 rgb(175,136,56)
```
#be933c
```
#be933c rgb(190,147,60)
```

Shade Color Variation

#c59c49
```
#c59c49 rgb(197,156,73)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#cfac67
```
#cfac67 rgb(207,172,103)
```
#d3b476
```
#d3b476 rgb(211,180,118)
```
#d8bc85
```
#d8bc85 rgb(216,188,133)
```
#ddc494
```
#ddc494 rgb(221,196,148)
```
#e2cda2
```
#e2cda2 rgb(226,205,162)
```
#e6d5b1
```
#e6d5b1 rgb(230,213,177)
```
#ebddc0
```
#ebddc0 rgb(235,221,192)
```
#f0e5cf
```
#f0e5cf rgb(240,229,207)
```
#f5edde
```
#f5edde rgb(245,237,222)
```
#f9f5ed
```
#f9f5ed rgb(249,245,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#97938b
```
#97938b rgb(151,147,139)
```
#a09682
```
#a09682 rgb(160,150,130)
```
#a8997a
```
#a8997a rgb(168,153,122)
```
#b19c71
```
#b19c71 rgb(177,156,113)
```
#b99e69
```
#b99e69 rgb(185,158,105)
```
#c2a160
```
#c2a160 rgb(194,161,96)
```
#caa458
```
#caa458 rgb(202,164,88)
```
#d2a750
```
#d2a750 rgb(210,167,80)
```
#dbaa47
```
#dbaa47 rgb(219,170,71)
```
#e3ac3f
```
#e3ac3f rgb(227,172,63)
```
#ecaf36
```
#ecaf36 rgb(236,175,54)
```
#f4b22e
```
#f4b22e rgb(244,178,46)
```
#fdb525
```
#fdb525 rgb(253,181,37)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aea697 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bead62 Protanopia 1% of men
#d3a661 Deuteranopia 1% of men
#d3a0ab Tritanopia 0.001% of the population

Trichromacy

#c2aa5e Protanomaly 1% of men, 0.01% of women
#cfa55e Deuteranomaly 6% of men, 0.4% of women
#d0a18c Tritanomaly 0.01% of the population

#caa458 hex color

#caa458 Color Information

#caa458 Color Conversion

Color Schemes with #caa458

Alternatives to #caa458

#caa458 Preview

Shades and Tints of #caa458

Tones of #caa458

Color Blindness Simulator