#caa558 hex color

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

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

● #caa558 color description : Moderate orange.

The hexadecimal color #caa558 has RGB values of R:202, G:165, B:88 and CMYK values of C:0, M:0.18, Y:0.56, K:0.21. Its decimal value is 13280600.

Hex triplet	caa558	`#caa558`
RGB Decimal	202, 165, 88	`rgb(202,165,88)`
RGB Percent	79.2, 64.7, 34.5	`rgb(79.2%,64.7%,34.5%)`
CMYK	0, 18, 56, 21
HSL	40.5°, 51.8, 56.9	`hsl(40.5,51.8%,56.9%)`
HSV (or HSB)	40.5°, 56.4, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.593, 4.426, 44.506
XYZ	39.574, 40.173, 14.902
xyY	0.418, 0.424, 40.173
CIE-LCH	69.593, 44.725, 84.321
CIE-LUV	69.593, 29.51, 52.513
Hunter-Lab	63.382, 0.531, 30.428
Binary	11001010, 10100101, 01011000

#caa558
```
#caa558 rgb(202,165,88)
```
#587dca
```
#587dca rgb(88,125,202)
```

Complementary Color

#ca6c58
```
#ca6c58 rgb(202,108,88)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#b6ca58
```
#b6ca58 rgb(182,202,88)
```

Analogous Color

#6c58ca
```
#6c58ca rgb(108,88,202)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#58b6ca
```
#58b6ca rgb(88,182,202)
```

Split Complementary Color

#a558ca
```
#a558ca rgb(165,88,202)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#58caa5
```
#58caa5 rgb(88,202,165)
```

Triadic Color

#ca587d
```
#ca587d rgb(202,88,125)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#58caa5
```
#58caa5 rgb(88,202,165)
```
#587dca
```
#587dca rgb(88,125,202)
```

Tetradic Color

#a27e33
```
#a27e33 rgb(162,126,51)
```
#b58d3a
```
#b58d3a rgb(181,141,58)
```
#c49b45
```
#c49b45 rgb(196,155,69)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#d0af6b
```
#d0af6b rgb(208,175,107)
```
#d6ba7f
```
#d6ba7f rgb(214,186,127)
```
#dcc492
```
#dcc492 rgb(220,196,146)
```

Monochromatic Color

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

#ca8958
```
#ca8958 rgb(202,137,88)
```
#ca9258
```
#ca9258 rgb(202,146,88)
```
#ca9c58
```
#ca9c58 rgb(202,156,88)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#caaf58
```
#caaf58 rgb(202,175,88)
```
#cab858
```
#cab858 rgb(202,184,88)
```
#cac258
```
#cac258 rgb(202,194,88)
```

Similar Colors

Text with hexadecimal color #caa558

This text has a font color of #caa558.

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

#caa558 background color

This paragraph has a background color of #caa558.

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

#caa558 border color

This element has a border color of #caa558.

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

CSS codes

.text {color:#caa558;}

.background {background-color:#caa558;}

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

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)
```
#654f20
```
#654f20 rgb(101,79,32)
```
#745a25
```
#745a25 rgb(116,90,37)
```
#83662a
```
#83662a rgb(131,102,42)
```
#92712e
```
#92712e rgb(146,113,46)
```
#a17d33
```
#a17d33 rgb(161,125,51)
```
#af8938
```
#af8938 rgb(175,137,56)
```
#be943c
```
#be943c rgb(190,148,60)
```

Shade Color Variation

#c59d49
```
#c59d49 rgb(197,157,73)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#cfad67
```
#cfad67 rgb(207,173,103)
```
#d3b576
```
#d3b576 rgb(211,181,118)
```
#d8bd85
```
#d8bd85 rgb(216,189,133)
```
#ddc594
```
#ddc594 rgb(221,197,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 #fdb725 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)
```
#b99f69
```
#b99f69 rgb(185,159,105)
```
#c2a260
```
#c2a260 rgb(194,162,96)
```
#caa558
```
#caa558 rgb(202,165,88)
```
#d2a850
```
#d2a850 rgb(210,168,80)
```
#dbab47
```
#dbab47 rgb(219,171,71)
```
#e3ae3f
```
#e3ae3f rgb(227,174,63)
```
#ecb136
```
#ecb136 rgb(236,177,54)
```
#f4b42e
```
#f4b42e rgb(244,180,46)
```
#fdb725
```
#fdb725 rgb(253,183,37)
```

Tone Color Variation

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

Dichromacy

#bfae62 Protanopia 1% of men
#d3a661 Deuteranopia 1% of men
#d3a0ac Tritanopia 0.001% of the population

Trichromacy

#c3ab5e Protanomaly 1% of men, 0.01% of women
#d0a65e Deuteranomaly 6% of men, 0.4% of women
#d0a28d Tritanomaly 0.01% of the population

#caa558 hex color

#caa558 Color Information

#caa558 Color Conversion

Color Schemes with #caa558

Alternatives to #caa558

#caa558 Preview

Shades and Tints of #caa558

Tones of #caa558

Color Blindness Simulator