#caa500 Color Information
In a RGB color space, hex #caa500 is composed of 79.2% red, 64.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 100% yellow and 20.8% black. It has a hue angle of 49 degrees, a saturation of 100% and a lightness of 39.6%. #caa500 color hex could be obtained by blending #ffff00 with #954b00. Closest websafe color is: #cc9900.
-
- R 79
- G 65
- B 0
-
- C 0
- M 18
- Y 100
- K 21
● #caa500 color description : Strong yellow.
#caa500 Color Conversion
The hexadecimal color #caa500 has RGB values of R:202, G:165, B:0 and CMYK values of C:0, M:0.18, Y:1, K:0.21. Its decimal value is 13280512.
Hex triplet | caa500 | #caa500 |
---|---|---|
RGB Decimal | 202, 165, 0 | rgb(202,165,0) |
RGB Percent | 79.2, 64.7, 0 | rgb(79.2%,64.7%,0%) |
CMYK | 0, 18, 100, 21 | |
HSL | 49°, 100, 39.6 | hsl(49,100%,39.6%) |
HSV (or HSB) | 49°, 100, 79.2 | |
Web Safe | cc9900 | #cc9900 |
CIE-LAB | 69.089, 0.973, 72.211 |
---|---|
XYZ | 37.813, 39.469, 5.627 |
xyY | 0.456, 0.476, 39.469 |
CIE-LCH | 69.089, 72.218, 89.228 |
CIE-LUV | 69.089, 32.365, 72.681 |
Hunter-Lab | 62.824, -2.505, 38.667 |
Binary | 11001010, 10100101, 00000000 |
Color Schemes with #caa500
Alternatives to #caa500
Below, you can see some colors close to #caa500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caa500 Preview
This text has a font color of #caa500.
<span style="color:#caa500;">Text here</span>
This paragraph has a background color of #caa500.
<p style="background-color:#caa500;">Content here</p>
This element has a border color of #caa500.
<div style="border:1px solid #caa500;">Content here</div>
.text {color:#caa500;}
.background {background-color:#caa500;}
.border {border:1px solid #caa500;}
Shades and Tints of #caa500
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, #060500 is the darkest color, while #fffcf1 is the lightest one.
-
#060500
#060500
rgb(6,5,0)
-
#191500
#191500
rgb(25,21,0)
-
#2d2500
#2d2500
rgb(45,37,0)
-
#413500
#413500
rgb(65,53,0)
-
#544500
#544500
rgb(84,69,0)
-
#685500
#685500
rgb(104,85,0)
-
#7c6500
#7c6500
rgb(124,101,0)
-
#8f7500
#8f7500
rgb(143,117,0)
-
#a38500
#a38500
rgb(163,133,0)
-
#b69500
#b69500
rgb(182,149,0)
-
#caa500
#caa500
rgb(202,165,0)
-
#deb500
#deb500
rgb(222,181,0)
-
#f1c500
#f1c500
rgb(241,197,0)
-
#ffd106
#ffd106
rgb(255,209,6)
-
#ffd519
#ffd519
rgb(255,213,25)
-
#ffd92d
#ffd92d
rgb(255,217,45)
-
#ffdc41
#ffdc41
rgb(255,220,65)
-
#ffe054
#ffe054
rgb(255,224,84)
-
#ffe368
#ffe368
rgb(255,227,104)
-
#ffe77c
#ffe77c
rgb(255,231,124)
-
#ffeb8f
#ffeb8f
rgb(255,235,143)
-
#ffeea3
#ffeea3
rgb(255,238,163)
-
#fff2b6
#fff2b6
rgb(255,242,182)
-
#fff5ca
#fff5ca
rgb(255,245,202)
-
#fff9de
#fff9de
rgb(255,249,222)
-
#fffcf1
#fffcf1
rgb(255,252,241)
Tones of #caa500
A tone is produced by adding gray to any pure hue. In this case, #6d6a5d is the less saturated color, while #caa500 is the most saturated one.
-
#6d6a5d
#6d6a5d
rgb(109,106,93)
-
#756f55
#756f55
rgb(117,111,85)
-
#7c744e
#7c744e
rgb(124,116,78)
-
#847946
#847946
rgb(132,121,70)
-
#8c7e3e
#8c7e3e
rgb(140,126,62)
-
#948336
#948336
rgb(148,131,54)
-
#9b872f
#9b872f
rgb(155,135,47)
-
#a38c27
#a38c27
rgb(163,140,39)
-
#ab911f
#ab911f
rgb(171,145,31)
-
#b39617
#b39617
rgb(179,150,23)
-
#ba9b10
#ba9b10
rgb(186,155,16)
-
#c2a008
#c2a008
rgb(194,160,8)
-
#caa500
#caa500
rgb(202,165,0)
Color Blindness Simulator
Below, you can see how #caa500 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.