#ca5503 Color Information
In a RGB color space, hex #ca5503 is composed of 79.2% red, 33.3% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 98.5% yellow and 20.8% black. It has a hue angle of 24.7 degrees, a saturation of 97.1% and a lightness of 40.2%. #ca5503 color hex could be obtained by blending #ffaa06 with #950000. Closest websafe color is: #cc6600.
-
- R 79
- G 33
- B 1
-
- C 0
- M 58
- Y 99
- K 21
● #ca5503 color description : Strong orange.
#ca5503 Color Conversion
The hexadecimal color #ca5503 has RGB values of R:202, G:85, B:3 and CMYK values of C:0, M:0.58, Y:0.99, K:0.21. Its decimal value is 13260035.
| Hex triplet | ca5503 | #ca5503 |
|---|---|---|
| RGB Decimal | 202, 85, 3 | rgb(202,85,3) |
| RGB Percent | 79.2, 33.3, 1.2 | rgb(79.2%,33.3%,1.2%) |
| CMYK | 0, 58, 99, 21 | |
| HSL | 24.7°, 97.1, 40.2 | hsl(24.7,97.1%,40.2%) |
| HSV (or HSB) | 24.7°, 98.5, 79.2 | |
| Web Safe | cc6600 | #cc6600 |
| CIE-LAB | 50.761, 43.431, 59.729 |
|---|---|
| XYZ | 27.623, 19.063, 2.311 |
| xyY | 0.564, 0.389, 19.063 |
| CIE-LCH | 50.761, 73.851, 53.978 |
| CIE-LUV | 50.761, 96.945, 44.194 |
| Hunter-Lab | 43.661, 36.525, 27.424 |
| Binary | 11001010, 01010101, 00000011 |
Color Schemes with #ca5503
Alternatives to #ca5503
Below, you can see some colors close to #ca5503. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca5503 Preview
This text has a font color of #ca5503.
<span style="color:#ca5503;">Text here</span>
This paragraph has a background color of #ca5503.
<p style="background-color:#ca5503;">Content here</p>
This element has a border color of #ca5503.
<div style="border:1px solid #ca5503;">Content here</div>
.text {color:#ca5503;}
.background {background-color:#ca5503;}
.border {border:1px solid #ca5503;}
Shades and Tints of #ca5503
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, #090400 is the darkest color, while #fff9f4 is the lightest one.
-
#090400
#090400rgb(9,4,0) -
#1c0c00
#1c0c00rgb(28,12,0) -
#2f1401
#2f1401rgb(47,20,1) -
#431c01
#431c01rgb(67,28,1) -
#562401
#562401rgb(86,36,1) -
#692c02
#692c02rgb(105,44,2) -
#7d3402
#7d3402rgb(125,52,2) -
#903d02
#903d02rgb(144,61,2) -
#a34502
#a34502rgb(163,69,2) -
#b74d03
#b74d03rgb(183,77,3) -
#ca5503
#ca5503rgb(202,85,3) -
#dd5d03
#dd5d03rgb(221,93,3) -
#f16504
#f16504rgb(241,101,4)
-
#fb6f0c
#fb6f0crgb(251,111,12) -
#fc7a20
#fc7a20rgb(252,122,32) -
#fc8633
#fc8633rgb(252,134,51) -
#fc9146
#fc9146rgb(252,145,70) -
#fd9d5a
#fd9d5argb(253,157,90) -
#fda86d
#fda86drgb(253,168,109) -
#fdb480
#fdb480rgb(253,180,128) -
#fdbf94
#fdbf94rgb(253,191,148) -
#fecba7
#fecba7rgb(254,203,167) -
#fed6ba
#fed6bargb(254,214,186) -
#fee2ce
#fee2cergb(254,226,206) -
#ffede1
#ffede1rgb(255,237,225) -
#fff9f4
#fff9f4rgb(255,249,244)
Tones of #ca5503
A tone is produced by adding gray to any pure hue. In this case, #6b6662 is the less saturated color, while #ca5503 is the most saturated one.
-
#6b6662
#6b6662rgb(107,102,98) -
#73645a
#73645argb(115,100,90) -
#7b6352
#7b6352rgb(123,99,82) -
#83614a
#83614argb(131,97,74) -
#8b6042
#8b6042rgb(139,96,66) -
#935f3a
#935f3argb(147,95,58) -
#9b5d32
#9b5d32rgb(155,93,50) -
#a35c2a
#a35c2argb(163,92,42) -
#aa5b23
#aa5b23rgb(170,91,35) -
#b2591b
#b2591brgb(178,89,27) -
#ba5813
#ba5813rgb(186,88,19) -
#c2560b
#c2560brgb(194,86,11) -
#ca5503
#ca5503rgb(202,85,3)
Color Blindness Simulator
Below, you can see how #ca5503 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.
