#ca5a02 Color Information
In a RGB color space, hex #ca5a02 is composed of 79.2% red, 35.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 99% yellow and 20.8% black. It has a hue angle of 26.4 degrees, a saturation of 98% and a lightness of 40%. #ca5a02 color hex could be obtained by blending #ffb404 with #950000. Closest websafe color is: #cc6600.
-
- R 79
- G 35
- B 1
-
- C 0
- M 55
- Y 99
- K 21
● #ca5a02 color description : Strong orange.
#ca5a02 Color Conversion
The hexadecimal color #ca5a02 has RGB values of R:202, G:90, B:2 and CMYK values of C:0, M:0.55, Y:0.99, K:0.21. Its decimal value is 13261314.
| Hex triplet | ca5a02 | #ca5a02 |
|---|---|---|
| RGB Decimal | 202, 90, 2 | rgb(202,90,2) |
| RGB Percent | 79.2, 35.3, 0.8 | rgb(79.2%,35.3%,0.8%) |
| CMYK | 0, 55, 99, 21 | |
| HSL | 26.4°, 98, 40 | hsl(26.4,98%,40%) |
| HSV (or HSB) | 26.4°, 99, 79.2 | |
| Web Safe | cc6600 | #cc6600 |
| CIE-LAB | 51.697, 40.996, 60.501 |
|---|---|
| XYZ | 28.025, 19.876, 2.418 |
| xyY | 0.557, 0.395, 19.876 |
| CIE-LCH | 51.697, 73.083, 55.878 |
| CIE-LUV | 51.697, 92.997, 45.819 |
| Hunter-Lab | 44.583, 34.189, 27.992 |
| Binary | 11001010, 01011010, 00000010 |
Color Schemes with #ca5a02
Alternatives to #ca5a02
Below, you can see some colors close to #ca5a02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca5a02 Preview
This text has a font color of #ca5a02.
<span style="color:#ca5a02;">Text here</span>
This paragraph has a background color of #ca5a02.
<p style="background-color:#ca5a02;">Content here</p>
This element has a border color of #ca5a02.
<div style="border:1px solid #ca5a02;">Content here</div>
.text {color:#ca5a02;}
.background {background-color:#ca5a02;}
.border {border:1px solid #ca5a02;}
Shades and Tints of #ca5a02
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, #080300 is the darkest color, while #fff8f3 is the lightest one.
-
#080300
#080300rgb(8,3,0) -
#1b0c00
#1b0c00rgb(27,12,0) -
#2f1500
#2f1500rgb(47,21,0) -
#421d01
#421d01rgb(66,29,1) -
#552601
#552601rgb(85,38,1) -
#692f01
#692f01rgb(105,47,1) -
#7c3701
#7c3701rgb(124,55,1) -
#904001
#904001rgb(144,64,1) -
#a34902
#a34902rgb(163,73,2) -
#b75102
#b75102rgb(183,81,2) -
#ca5a02
#ca5a02rgb(202,90,2) -
#dd6302
#dd6302rgb(221,99,2) -
#f16b02
#f16b02rgb(241,107,2)
-
#fd750a
#fd750argb(253,117,10) -
#fd801e
#fd801ergb(253,128,30) -
#fd8b31
#fd8b31rgb(253,139,49) -
#fd9645
#fd9645rgb(253,150,69) -
#fda158
#fda158rgb(253,161,88) -
#feac6b
#feac6brgb(254,172,107) -
#feb77f
#feb77frgb(254,183,127) -
#fec292
#fec292rgb(254,194,146) -
#fecda6
#fecda6rgb(254,205,166) -
#fed8b9
#fed8b9rgb(254,216,185) -
#ffe3cd
#ffe3cdrgb(255,227,205) -
#ffede0
#ffede0rgb(255,237,224) -
#fff8f3
#fff8f3rgb(255,248,243)
Tones of #ca5a02
A tone is produced by adding gray to any pure hue. In this case, #6c6560 is the less saturated color, while #ca5a02 is the most saturated one.
-
#6c6560
#6c6560rgb(108,101,96) -
#746458
#746458rgb(116,100,88) -
#7c6350
#7c6350rgb(124,99,80) -
#836249
#836249rgb(131,98,73) -
#8b6241
#8b6241rgb(139,98,65) -
#936139
#936139rgb(147,97,57) -
#9b6031
#9b6031rgb(155,96,49) -
#a35f29
#a35f29rgb(163,95,41) -
#ab5e21
#ab5e21rgb(171,94,33) -
#b25d1a
#b25d1argb(178,93,26) -
#ba5c12
#ba5c12rgb(186,92,18) -
#c25b0a
#c25b0argb(194,91,10) -
#ca5a02
#ca5a02rgb(202,90,2)
Color Blindness Simulator
Below, you can see how #ca5a02 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.
