#caa302 Color Information
In a RGB color space, hex #caa302 is composed of 79.2% red, 63.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 99% yellow and 20.8% black. It has a hue angle of 48.3 degrees, a saturation of 98% and a lightness of 40%. #caa302 color hex could be obtained by blending #ffff04 with #954700. Closest websafe color is: #cc9900.
-
- R 79
- G 64
- B 1
-
- C 0
- M 19
- Y 99
- K 21
● #caa302 color description : Strong yellow.
#caa302 Color Conversion
The hexadecimal color #caa302 has RGB values of R:202, G:163, B:2 and CMYK values of C:0, M:0.19, Y:0.99, K:0.21. Its decimal value is 13280002.
Hex triplet | caa302 | #caa302 |
---|---|---|
RGB Decimal | 202, 163, 2 | rgb(202,163,2) |
RGB Percent | 79.2, 63.9, 0.8 | rgb(79.2%,63.9%,0.8%) |
CMYK | 0, 19, 99, 21 | |
HSL | 48.3°, 98, 40 | hsl(48.3,98%,40%) |
HSV (or HSB) | 48.3°, 99, 79.2 | |
Web Safe | cc9900 | #cc9900 |
CIE-LAB | 68.575, 2.061, 71.597 |
---|---|
XYZ | 37.466, 38.757, 5.565 |
xyY | 0.458, 0.474, 38.757 |
CIE-LCH | 68.575, 71.627, 88.351 |
CIE-LUV | 68.575, 33.853, 71.79 |
Hunter-Lab | 62.255, -1.523, 38.279 |
Binary | 11001010, 10100011, 00000010 |
Color Schemes with #caa302
Alternatives to #caa302
Below, you can see some colors close to #caa302. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caa302 Preview
This text has a font color of #caa302.
<span style="color:#caa302;">Text here</span>
This paragraph has a background color of #caa302.
<p style="background-color:#caa302;">Content here</p>
This element has a border color of #caa302.
<div style="border:1px solid #caa302;">Content here</div>
.text {color:#caa302;}
.background {background-color:#caa302;}
.border {border:1px solid #caa302;}
Shades and Tints of #caa302
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)
-
#423501
#423501
rgb(66,53,1)
-
#554501
#554501
rgb(85,69,1)
-
#695501
#695501
rgb(105,85,1)
-
#7c6401
#7c6401
rgb(124,100,1)
-
#907401
#907401
rgb(144,116,1)
-
#a38402
#a38402
rgb(163,132,2)
-
#b79302
#b79302
rgb(183,147,2)
-
#caa302
#caa302
rgb(202,163,2)
-
#ddb302
#ddb302
rgb(221,179,2)
-
#f1c202
#f1c202
rgb(241,194,2)
-
#fdcd0a
#fdcd0a
rgb(253,205,10)
-
#fdd11e
#fdd11e
rgb(253,209,30)
-
#fdd531
#fdd531
rgb(253,213,49)
-
#fdd945
#fdd945
rgb(253,217,69)
-
#fddd58
#fddd58
rgb(253,221,88)
-
#fee16b
#fee16b
rgb(254,225,107)
-
#fee57f
#fee57f
rgb(254,229,127)
-
#fee992
#fee992
rgb(254,233,146)
-
#feeda6
#feeda6
rgb(254,237,166)
-
#fef1b9
#fef1b9
rgb(254,241,185)
-
#fff5cd
#fff5cd
rgb(255,245,205)
-
#fff9e0
#fff9e0
rgb(255,249,224)
-
#fffdf3
#fffdf3
rgb(255,253,243)
Tones of #caa302
A tone is produced by adding gray to any pure hue. In this case, #6c6a60 is the less saturated color, while #caa302 is the most saturated one.
-
#6c6a60
#6c6a60
rgb(108,106,96)
-
#746e58
#746e58
rgb(116,110,88)
-
#7c7350
#7c7350
rgb(124,115,80)
-
#837849
#837849
rgb(131,120,73)
-
#8b7d41
#8b7d41
rgb(139,125,65)
-
#938139
#938139
rgb(147,129,57)
-
#9b8631
#9b8631
rgb(155,134,49)
-
#a38b29
#a38b29
rgb(163,139,41)
-
#ab9021
#ab9021
rgb(171,144,33)
-
#b2951a
#b2951a
rgb(178,149,26)
-
#ba9912
#ba9912
rgb(186,153,18)
-
#c29e0a
#c29e0a
rgb(194,158,10)
-
#caa302
#caa302
rgb(202,163,2)
Color Blindness Simulator
Below, you can see how #caa302 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.