#caa30b hex color

In a RGB color space, hex #caa30b is composed of 79.2% red, 63.9% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 94.6% yellow and 20.8% black. It has a hue angle of 47.7 degrees, a saturation of 89.7% and a lightness of 41.8%. #caa30b color hex could be obtained by blending #ffff16 with #954700. Closest websafe color is: #cc9900.

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

● #caa30b color description : Strong yellow.

The hexadecimal color #caa30b has RGB values of R:202, G:163, B:11 and CMYK values of C:0, M:0.19, Y:0.95, K:0.21. Its decimal value is 13280011.

Hex triplet	caa30b	`#caa30b`
RGB Decimal	202, 163, 11	`rgb(202,163,11)`
RGB Percent	79.2, 63.9, 4.3	`rgb(79.2%,63.9%,4.3%)`
CMYK	0, 19, 95, 21
HSL	47.7°, 89.7, 41.8	`hsl(47.7,89.7%,41.8%)`
HSV (or HSB)	47.7°, 94.6, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.589, 2.161, 70.482
XYZ	37.515, 38.777, 5.825
xyY	0.457, 0.472, 38.777
CIE-LCH	68.589, 70.515, 88.244
CIE-LUV	68.589, 33.765, 71.188
Hunter-Lab	62.271, -1.437, 38.043
Binary	11001010, 10100011, 00001011

#caa30b
```
#caa30b rgb(202,163,11)
```
#0b32ca
```
#0b32ca rgb(11,50,202)
```

Complementary Color

#ca430b
```
#ca430b rgb(202,67,11)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#92ca0b
```
#92ca0b rgb(146,202,11)
```

Analogous Color

#430bca
```
#430bca rgb(67,11,202)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#0b92ca
```
#0b92ca rgb(11,146,202)
```

Split Complementary Color

#a30bca
```
#a30bca rgb(163,11,202)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#0bcaa3
```
#0bcaa3 rgb(11,202,163)
```

Triadic Color

#ca0b32
```
#ca0b32 rgb(202,11,50)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#0bcaa3
```
#0bcaa3 rgb(11,202,163)
```
#0b32ca
```
#0b32ca rgb(11,50,202)
```

Tetradic Color

#816807
```
#816807 rgb(129,104,7)
```
#9a7c08
```
#9a7c08 rgb(154,124,8)
```
#b28f0a
```
#b28f0a rgb(178,143,10)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#e2b70c
```
#e2b70c rgb(226,183,12)
```
#f2c516
```
#f2c516 rgb(242,197,22)
```
#f4cb2e
```
#f4cb2e rgb(244,203,46)
```

Monochromatic Color

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

#ca730b
```
#ca730b rgb(202,115,11)
```
#ca830b
```
#ca830b rgb(202,131,11)
```
#ca930b
```
#ca930b rgb(202,147,11)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#cab30b
```
#cab30b rgb(202,179,11)
```
#cac30b
```
#cac30b rgb(202,195,11)
```
#c1ca0b
```
#c1ca0b rgb(193,202,11)
```

Similar Colors

Text with hexadecimal color #caa30b

This text has a font color of #caa30b.

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

#caa30b background color

This paragraph has a background color of #caa30b.

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

#caa30b border color

This element has a border color of #caa30b.

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

CSS codes

.text {color:#caa30b;}

.background {background-color:#caa30b;}

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

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, #100d01 is the darkest color, while #fffefc is the lightest one.

#100d01
```
#100d01 rgb(16,13,1)
```
#231c02
```
#231c02 rgb(35,28,2)
```
#352b03
```
#352b03 rgb(53,43,3)
```
#483a04
```
#483a04 rgb(72,58,4)
```
#5a4905
```
#5a4905 rgb(90,73,5)
```
#6d5806
```
#6d5806 rgb(109,88,6)
```
#806707
```
#806707 rgb(128,103,7)
```
#927608
```
#927608 rgb(146,118,8)
```
#a58509
```
#a58509 rgb(165,133,9)
```
#b7940a
```
#b7940a rgb(183,148,10)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#efc10d
```
#efc10d rgb(239,193,13)
```

Shade Color Variation

#f3c71d
```
#f3c71d rgb(243,199,29)
```
#f4cc30
```
#f4cc30 rgb(244,204,48)
```
#f5d042
```
#f5d042 rgb(245,208,66)
```
#f6d555
```
#f6d555 rgb(246,213,85)
```
#f7da68
```
#f7da68 rgb(247,218,104)
```
#f8de7a
```
#f8de7a rgb(248,222,122)
```
#f9e38d
```
#f9e38d rgb(249,227,141)
```
#fae79f
```
#fae79f rgb(250,231,159)
```
#fbecb2
```
#fbecb2 rgb(251,236,178)
```
#fcf1c5
```
#fcf1c5 rgb(252,241,197)
```
#fdf5d7
```
#fdf5d7 rgb(253,245,215)
```
#fefaea
```
#fefaea rgb(254,250,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#706e65
```
#706e65 rgb(112,110,101)
```
#78735d
```
#78735d rgb(120,115,93)
```
#807755
```
#807755 rgb(128,119,85)
```
#887c4d
```
#887c4d rgb(136,124,77)
```
#918144
```
#918144 rgb(145,129,68)
```
#99863c
```
#99863c rgb(153,134,60)
```
#a18b34
```
#a18b34 rgb(161,139,52)
```
#a9902c
```
#a9902c rgb(169,144,44)
```
#b19424
```
#b19424 rgb(177,148,36)
```
#ba991b
```
#ba991b rgb(186,153,27)
```
#c29e13
```
#c29e13 rgb(194,158,19)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#d2a803
```
#d2a803 rgb(210,168,3)
```

Tone Color Variation

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

Dichromacy

#c0ac19 Protanopia 1% of men
#d6a31c Deuteranopia 1% of men
#d59ca7 Tritanopia 0.001% of the population

Trichromacy

#c4a814 Protanomaly 1% of men, 0.01% of women
#d2a316 Deuteranomaly 6% of men, 0.4% of women
#d19e6e Tritanomaly 0.01% of the population

#caa30b hex color

#caa30b Color Information

#caa30b Color Conversion

Color Schemes with #caa30b

Alternatives to #caa30b

#caa30b Preview

Shades and Tints of #caa30b

Tones of #caa30b

Color Blindness Simulator