colorhexa.com

#caa524 hex color

In a RGB color space, hex #caa524 is composed of 79.2% red, 64.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 82.2% yellow and 20.8% black. It has a hue angle of 46.6 degrees, a saturation of 69.7% and a lightness of 46.7%. #caa524 color hex could be obtained by blending #ffff48 with #954b00. Closest websafe color is: #cc9933.

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

● #caa524 color description : Strong yellow.

The hexadecimal color #caa524 has RGB values of R:202, G:165, B:36 and CMYK values of C:0, M:0.18, Y:0.82, K:0.21. Its decimal value is 13280548.

Hex triplet	caa524	`#caa524`
RGB Decimal	202, 165, 36	`rgb(202,165,36)`
RGB Percent	79.2, 64.7, 14.1	`rgb(79.2%,64.7%,14.1%)`
CMYK	0, 18, 82, 21
HSL	46.6°, 69.7, 46.7	`hsl(46.6,69.7%,46.7%)`
HSV (or HSB)	46.6°, 82.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.181, 1.608, 65.602
XYZ	38.131, 39.596, 7.303
xyY	0.448, 0.466, 39.596
CIE-LCH	69.181, 65.622, 88.596
CIE-LUV	69.181, 31.824, 68.871
Hunter-Lab	62.925, -1.952, 37.166
Binary	11001010, 10100101, 00100100

#caa524
```
#caa524 rgb(202,165,36)
```
#2449ca
```
#2449ca rgb(36,73,202)
```

Complementary Color

#ca5224
```
#ca5224 rgb(202,82,36)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#9cca24
```
#9cca24 rgb(156,202,36)
```

Analogous Color

#5224ca
```
#5224ca rgb(82,36,202)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#249cca
```
#249cca rgb(36,156,202)
```

Split Complementary Color

#a524ca
```
#a524ca rgb(165,36,202)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#24caa5
```
#24caa5 rgb(36,202,165)
```

Triadic Color

#ca2449
```
#ca2449 rgb(202,36,73)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#24caa5
```
#24caa5 rgb(36,202,165)
```
#2449ca
```
#2449ca rgb(36,73,202)
```

Tetradic Color

#897018
```
#897018 rgb(137,112,24)
```
#9f821c
```
#9f821c rgb(159,130,28)
```
#b49320
```
#b49320 rgb(180,147,32)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#dab32e
```
#dab32e rgb(218,179,46)
```
#debb43
```
#debb43 rgb(222,187,67)
```
#e1c359
```
#e1c359 rgb(225,195,89)
```

Monochromatic Color

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

#ca7c24
```
#ca7c24 rgb(202,124,36)
```
#ca8924
```
#ca8924 rgb(202,137,36)
```
#ca9724
```
#ca9724 rgb(202,151,36)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#cab324
```
#cab324 rgb(202,179,36)
```
#cac124
```
#cac124 rgb(202,193,36)
```
#c6ca24
```
#c6ca24 rgb(198,202,36)
```

Similar Colors

Text with hexadecimal color #caa524

This text has a font color of #caa524.

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

#caa524 background color

This paragraph has a background color of #caa524.

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

#caa524 border color

This element has a border color of #caa524.

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

CSS codes

.text {color:#caa524;}

.background {background-color:#caa524;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130f03
```
#130f03 rgb(19,15,3)
```
#241d06
```
#241d06 rgb(36,29,6)
```
#342b09
```
#342b09 rgb(52,43,9)
```
#45380c
```
#45380c rgb(69,56,12)
```
#55460f
```
#55460f rgb(85,70,15)
```
#665312
```
#665312 rgb(102,83,18)
```
#776115
```
#776115 rgb(119,97,21)
```
#876f18
```
#876f18 rgb(135,111,24)
```
#987c1b
```
#987c1b rgb(152,124,27)
```
#a98a1e
```
#a98a1e rgb(169,138,30)
```
#b99721
```
#b99721 rgb(185,151,33)
```
#caa524
```
#caa524 rgb(202,165,36)
```

Shade Color Variation

#d9b229
```
#d9b229 rgb(217,178,41)
```
#dcb839
```
#dcb839 rgb(220,184,57)
```
#dfbe4a
```
#dfbe4a rgb(223,190,74)
```
#e2c45b
```
#e2c45b rgb(226,196,91)
```
#e5ca6b
```
#e5ca6b rgb(229,202,107)
```
#e8d07c
```
#e8d07c rgb(232,208,124)
```
#ebd68d
```
#ebd68d rgb(235,214,141)
```
#eedc9d
```
#eedc9d rgb(238,220,157)
```
#f1e2ae
```
#f1e2ae rgb(241,226,174)
```
#f4e8bf
```
#f4e8bf rgb(244,232,191)
```
#f6eecf
```
#f6eecf rgb(246,238,207)
```
#f9f4e0
```
#f9f4e0 rgb(249,244,224)
```
#fcfaf1
```
#fcfaf1 rgb(252,250,241)
```

Tint Color Variation

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

#787776
```
#787776 rgb(120,119,118)
```
#817c6d
```
#817c6d rgb(129,124,109)
```
#8a8164
```
#8a8164 rgb(138,129,100)
```
#93875b
```
#93875b rgb(147,135,91)
```
#9c8c52
```
#9c8c52 rgb(156,140,82)
```
#a59149
```
#a59149 rgb(165,145,73)
```
#af963f
```
#af963f rgb(175,150,63)
```
#b89b36
```
#b89b36 rgb(184,155,54)
```
#c1a02d
```
#c1a02d rgb(193,160,45)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#d3aa1b
```
#d3aa1b rgb(211,170,27)
```
#dcaf12
```
#dcaf12 rgb(220,175,18)
```
#e5b409
```
#e5b409 rgb(229,180,9)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a9a288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad30 Protanopia 1% of men
#d7a532 Deuteranopia 1% of men
#d59ea9 Tritanopia 0.001% of the population

Trichromacy

#c4aa2b Protanomaly 1% of men, 0.01% of women
#d2a52c Deuteranomaly 6% of men, 0.4% of women
#d1a179 Tritanomaly 0.01% of the population