colorhexa.com

#caa548 hex color

In a RGB color space, hex #caa548 is composed of 79.2% red, 64.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 64.4% yellow and 20.8% black. It has a hue angle of 42.9 degrees, a saturation of 55.1% and a lightness of 53.7%. #caa548 color hex could be obtained by blending #ffff90 with #954b00. Closest websafe color is: #cc9933.

- R 79
- G 65
- B 28
RGB color chart
- C 0
- M 18
- Y 64
- K 21
CMYK color chart

● #caa548 color description : Moderate orange.

The hexadecimal color #caa548 has RGB values of R:202, G:165, B:72 and CMYK values of C:0, M:0.18, Y:0.64, K:0.21. Its decimal value is 13280584.

Hex triplet	caa548	`#caa548`
RGB Decimal	202, 165, 72	`rgb(202,165,72)`
RGB Percent	79.2, 64.7, 28.2	`rgb(79.2%,64.7%,28.2%)`
CMYK	0, 18, 64, 21
HSL	42.9°, 55.1, 53.7	`hsl(42.9,55.1%,53.7%)`
HSV (or HSB)	42.9°, 64.4, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.424, 3.282, 51.968
XYZ	38.982, 39.936, 11.786
xyY	0.43, 0.44, 39.936
CIE-LCH	69.424, 52.071, 86.386
CIE-LUV	69.424, 30.433, 59.047
Hunter-Lab	63.195, -0.483, 33.179
Binary	11001010, 10100101, 01001000

#caa548
```
#caa548 rgb(202,165,72)
```
#486dca
```
#486dca rgb(72,109,202)
```

Complementary Color

#ca6448
```
#ca6448 rgb(202,100,72)
```
#caa548
```
#caa548 rgb(202,165,72)
```
#aeca48
```
#aeca48 rgb(174,202,72)
```

Analogous Color

#6448ca
```
#6448ca rgb(100,72,202)
```
#caa548
```
#caa548 rgb(202,165,72)
```
#48aeca
```
#48aeca rgb(72,174,202)
```

Split Complementary Color

#a548ca
```
#a548ca rgb(165,72,202)
```
#caa548
```
#caa548 rgb(202,165,72)
```
#48caa5
```
#48caa5 rgb(72,202,165)
```

Triadic Color

#ca486d
```
#ca486d rgb(202,72,109)
```
#caa548
```
#caa548 rgb(202,165,72)
```
#48caa5
```
#48caa5 rgb(72,202,165)
```
#486dca
```
#486dca rgb(72,109,202)
```

Tetradic Color

#997a2c
```
#997a2c rgb(153,122,44)
```
#ad8a32
```
#ad8a32 rgb(173,138,50)
```
#c19a38
```
#c19a38 rgb(193,154,56)
```
#caa548
```
#caa548 rgb(202,165,72)
```
#d0af5c
```
#d0af5c rgb(208,175,92)
```
#d5b870
```
#d5b870 rgb(213,184,112)
```
#dbc283
```
#dbc283 rgb(219,194,131)
```

Monochromatic Color

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

#ca8548
```
#ca8548 rgb(202,133,72)
```
#ca8f48
```
#ca8f48 rgb(202,143,72)
```
#ca9a48
```
#ca9a48 rgb(202,154,72)
```
#caa548
```
#caa548 rgb(202,165,72)
```
#cab048
```
#cab048 rgb(202,176,72)
```
#cabb48
```
#cabb48 rgb(202,187,72)
```
#cac648
```
#cac648 rgb(202,198,72)
```

Similar Colors

Text with hexadecimal color #caa548

This text has a font color of #caa548.

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

#caa548 background color

This paragraph has a background color of #caa548.

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

#caa548 border color

This element has a border color of #caa548.

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

CSS codes

.text {color:#caa548;}

.background {background-color:#caa548;}

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

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

#0f0c04
```
#0f0c04 rgb(15,12,4)
```
#1e1809
```
#1e1809 rgb(30,24,9)
```
#2d240d
```
#2d240d rgb(45,36,13)
```
#3c3011
```
#3c3011 rgb(60,48,17)
```
#4c3c16
```
#4c3c16 rgb(76,60,22)
```
#5b481a
```
#5b481a rgb(91,72,26)
```
#6a551f
```
#6a551f rgb(106,85,31)
```
#796123
```
#796123 rgb(121,97,35)
```
#886d28
```
#886d28 rgb(136,109,40)
```
#98792c
```
#98792c rgb(152,121,44)
```
#a78530
```
#a78530 rgb(167,133,48)
```
#b69135
```
#b69135 rgb(182,145,53)
```
#c59d39
```
#c59d39 rgb(197,157,57)
```

Shade Color Variation

#caa548
```
#caa548 rgb(202,165,72)
```
#ceac57
```
#ceac57 rgb(206,172,87)
```
#d3b466
```
#d3b466 rgb(211,180,102)
```
#d7bb76
```
#d7bb76 rgb(215,187,118)
```
#dcc385
```
#dcc385 rgb(220,195,133)
```
#e0ca94
```
#e0ca94 rgb(224,202,148)
```
#e4d2a3
```
#e4d2a3 rgb(228,210,163)
```
#e9d9b2
```
#e9d9b2 rgb(233,217,178)
```
#ede1c2
```
#ede1c2 rgb(237,225,194)
```
#f2e8d1
```
#f2e8d1 rgb(242,232,209)
```
#f6f0e0
```
#f6f0e0 rgb(246,240,224)
```
#faf7ef
```
#faf7ef rgb(250,247,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8a8a88
```
#8a8a88 rgb(138,138,136)
```
#948e7e
```
#948e7e rgb(148,142,126)
```
#9d9175
```
#9d9175 rgb(157,145,117)
```
#a6956c
```
#a6956c rgb(166,149,108)
```
#af9963
```
#af9963 rgb(175,153,99)
```
#b89d5a
```
#b89d5a rgb(184,157,90)
```
#c1a151
```
#c1a151 rgb(193,161,81)
```
#caa548
```
#caa548 rgb(202,165,72)
```
#d3a93f
```
#d3a93f rgb(211,169,63)
```
#dcad36
```
#dcad36 rgb(220,173,54)
```
#e5b12d
```
#e5b12d rgb(229,177,45)
```
#eeb524
```
#eeb524 rgb(238,181,36)
```
#f7b91b
```
#f7b91b rgb(247,185,27)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aca592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ae52 Protanopia 1% of men
#d5a652 Deuteranopia 1% of men
#d4a0ab Tritanopia 0.001% of the population

Trichromacy

#c3aa4e Protanomaly 1% of men, 0.01% of women
#d1a54e Deuteranomaly 6% of men, 0.4% of women
#d0a187 Tritanomaly 0.01% of the population