#caa502 hex color

In a RGB color space, hex #caa502 is composed of 79.2% red, 64.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 99% yellow and 20.8% black. It has a hue angle of 48.9 degrees, a saturation of 98% and a lightness of 40%. #caa502 color hex could be obtained by blending #ffff04 with #954b00. Closest websafe color is: #cc9900.

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

● #caa502 color description : Strong yellow.

The hexadecimal color #caa502 has RGB values of R:202, G:165, B:2 and CMYK values of C:0, M:0.18, Y:0.99, K:0.21. Its decimal value is 13280514.

Hex triplet	caa502	`#caa502`
RGB Decimal	202, 165, 2	`rgb(202,165,2)`
RGB Percent	79.2, 64.7, 0.8	`rgb(79.2%,64.7%,0.8%)`
CMYK	0, 18, 99, 21
HSL	48.9°, 98, 40	`hsl(48.9,98%,40%)`
HSV (or HSB)	48.9°, 99, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.092, 0.994, 71.963
XYZ	37.824, 39.473, 5.684
xyY	0.456, 0.476, 39.473
CIE-LCH	69.092, 71.97, 89.208
CIE-LUV	69.092, 32.346, 72.549
Hunter-Lab	62.827, -2.486, 38.615
Binary	11001010, 10100101, 00000010

#caa502
```
#caa502 rgb(202,165,2)
```
#0227ca
```
#0227ca rgb(2,39,202)
```

Complementary Color

#ca4102
```
#ca4102 rgb(202,65,2)
```
#caa502
```
#caa502 rgb(202,165,2)
```
#8bca02
```
#8bca02 rgb(139,202,2)
```

Analogous Color

#4102ca
```
#4102ca rgb(65,2,202)
```
#caa502
```
#caa502 rgb(202,165,2)
```
#028bca
```
#028bca rgb(2,139,202)
```

Split Complementary Color

#a502ca
```
#a502ca rgb(165,2,202)
```
#caa502
```
#caa502 rgb(202,165,2)
```
#02caa5
```
#02caa5 rgb(2,202,165)
```

Triadic Color

#ca0227
```
#ca0227 rgb(202,2,39)
```
#caa502
```
#caa502 rgb(202,165,2)
```
#02caa5
```
#02caa5 rgb(2,202,165)
```
#0227ca
```
#0227ca rgb(2,39,202)
```

Tetradic Color

#7e6701
```
#7e6701 rgb(126,103,1)
```
#987c01
```
#987c01 rgb(152,124,1)
```
#b19002
```
#b19002 rgb(177,144,2)
```
#caa502
```
#caa502 rgb(202,165,2)
```
#e3ba02
```
#e3ba02 rgb(227,186,2)
```
#fdce02
```
#fdce02 rgb(253,206,2)
```
#fdd31c
```
#fdd31c rgb(253,211,28)
```

Monochromatic Color

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

#ca7302
```
#ca7302 rgb(202,115,2)
```
#ca8402
```
#ca8402 rgb(202,132,2)
```
#ca9402
```
#ca9402 rgb(202,148,2)
```
#caa502
```
#caa502 rgb(202,165,2)
```
#cab602
```
#cab602 rgb(202,182,2)
```
#cac602
```
#cac602 rgb(202,198,2)
```
#bdca02
```
#bdca02 rgb(189,202,2)
```

Similar Colors

Text with hexadecimal color #caa502

This text has a font color of #caa502.

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

#caa502 background color

This paragraph has a background color of #caa502.

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

#caa502 border color

This element has a border color of #caa502.

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

CSS codes

.text {color:#caa502;}

.background {background-color:#caa502;}

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

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

#080600
```
#080600 rgb(8,6,0)
```
#1b1600
```
#1b1600 rgb(27,22,0)
```
#2f2600
```
#2f2600 rgb(47,38,0)
```
#423601
```
#423601 rgb(66,54,1)
```
#554601
```
#554601 rgb(85,70,1)
```
#695601
```
#695601 rgb(105,86,1)
```
#7c6601
```
#7c6601 rgb(124,102,1)
```
#907501
```
#907501 rgb(144,117,1)
```
#a38502
```
#a38502 rgb(163,133,2)
```
#b79502
```
#b79502 rgb(183,149,2)
```
#caa502
```
#caa502 rgb(202,165,2)
```
#ddb502
```
#ddb502 rgb(221,181,2)
```
#f1c502
```
#f1c502 rgb(241,197,2)
```

Shade Color Variation

#fdd00a
```
#fdd00a rgb(253,208,10)
```
#fdd41e
```
#fdd41e rgb(253,212,30)
```
#fdd731
```
#fdd731 rgb(253,215,49)
```
#fddb45
```
#fddb45 rgb(253,219,69)
```
#fddf58
```
#fddf58 rgb(253,223,88)
```
#fee36b
```
#fee36b rgb(254,227,107)
```
#fee67f
```
#fee67f rgb(254,230,127)
```
#feea92
```
#feea92 rgb(254,234,146)
```
#feeea6
```
#feeea6 rgb(254,238,166)
```
#fef2b9
```
#fef2b9 rgb(254,242,185)
```
#fff5cd
```
#fff5cd rgb(255,245,205)
```
#fff9e0
```
#fff9e0 rgb(255,249,224)
```
#fffdf3
```
#fffdf3 rgb(255,253,243)
```

Tint Color Variation

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

#6c6a60
```
#6c6a60 rgb(108,106,96)
```
#746f58
```
#746f58 rgb(116,111,88)
```
#7c7450
```
#7c7450 rgb(124,116,80)
```
#837949
```
#837949 rgb(131,121,73)
```
#8b7d41
```
#8b7d41 rgb(139,125,65)
```
#938239
```
#938239 rgb(147,130,57)
```
#9b8731
```
#9b8731 rgb(155,135,49)
```
#a38c29
```
#a38c29 rgb(163,140,41)
```
#ab9121
```
#ab9121 rgb(171,145,33)
```
#b2961a
```
#b2961a rgb(178,150,26)
```
#ba9b12
```
#ba9b12 rgb(186,155,18)
```
#c2a00a
```
#c2a00a rgb(194,160,10)
```
#caa502
```
#caa502 rgb(202,165,2)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a69f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad0e Protanopia 1% of men
#d8a416 Deuteranopia 1% of men
#d59ea9 Tritanopia 0.001% of the population

Trichromacy

#c5aa0a Protanomaly 1% of men, 0.01% of women
#d3a40f Deuteranomaly 6% of men, 0.4% of women
#d1a06c Tritanomaly 0.01% of the population

#caa502 hex color

#caa502 Color Information

#caa502 Color Conversion

Color Schemes with #caa502

Alternatives to #caa502

#caa502 Preview

Shades and Tints of #caa502

Tones of #caa502

Color Blindness Simulator