#ca580c Color Information
In a RGB color space, hex #ca580c is composed of 79.2% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 94.1% yellow and 20.8% black. It has a hue angle of 24 degrees, a saturation of 88.8% and a lightness of 42%. #ca580c color hex could be obtained by blending #ffb018 with #950000. Closest websafe color is: #cc6600.
-
- R 79
- G 35
- B 5
-
- C 0
- M 56
- Y 94
- K 21
● #ca580c color description : Strong orange.
#ca580c Color Conversion
The hexadecimal color #ca580c has RGB values of R:202, G:88, B:12 and CMYK values of C:0, M:0.56, Y:0.94, K:0.21. Its decimal value is 13260812.
Hex triplet | ca580c | #ca580c |
---|---|---|
RGB Decimal | 202, 88, 12 | rgb(202,88,12) |
RGB Percent | 79.2, 34.5, 4.7 | rgb(79.2%,34.5%,4.7%) |
CMYK | 0, 56, 94, 21 | |
HSL | 24°, 88.8, 42 | hsl(24,88.8%,42%) |
HSV (or HSB) | 24°, 94.1, 79.2 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 51.342, 42.085, 58.116 |
---|---|
XYZ | 27.914, 19.565, 2.654 |
xyY | 0.557, 0.39, 19.565 |
CIE-LCH | 51.342, 71.753, 54.09 |
CIE-LUV | 51.342, 94.227, 44.255 |
Hunter-Lab | 44.233, 35.24, 27.405 |
Binary | 11001010, 01011000, 00001100 |
Color Schemes with #ca580c
Alternatives to #ca580c
Below, you can see some colors close to #ca580c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca580c Preview
This text has a font color of #ca580c.
<span style="color:#ca580c;">Text here</span>
This paragraph has a background color of #ca580c.
<p style="background-color:#ca580c;">Content here</p>
This element has a border color of #ca580c.
<div style="border:1px solid #ca580c;">Content here</div>
.text {color:#ca580c;}
.background {background-color:#ca580c;}
.border {border:1px solid #ca580c;}
Shades and Tints of #ca580c
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, #110701 is the darkest color, while #fffefd is the lightest one.
-
#110701
#110701
rgb(17,7,1)
-
#230f02
#230f02
rgb(35,15,2)
-
#361703
#361703
rgb(54,23,3)
-
#482004
#482004
rgb(72,32,4)
-
#5b2805
#5b2805
rgb(91,40,5)
-
#6d3007
#6d3007
rgb(109,48,7)
-
#803808
#803808
rgb(128,56,8)
-
#924009
#924009
rgb(146,64,9)
-
#a5480a
#a5480a
rgb(165,72,10)
-
#b7500b
#b7500b
rgb(183,80,11)
-
#ca580c
#ca580c
rgb(202,88,12)
-
#dd600d
#dd600d
rgb(221,96,13)
-
#ef680e
#ef680e
rgb(239,104,14)
-
#f2731f
#f2731f
rgb(242,115,31)
-
#f37f32
#f37f32
rgb(243,127,50)
-
#f48a44
#f48a44
rgb(244,138,68)
-
#f59657
#f59657
rgb(245,150,87)
-
#f6a269
#f6a269
rgb(246,162,105)
-
#f7ad7c
#f7ad7c
rgb(247,173,124)
-
#f8b98e
#f8b98e
rgb(248,185,142)
-
#f9c4a1
#f9c4a1
rgb(249,196,161)
-
#fbd0b3
#fbd0b3
rgb(251,208,179)
-
#fcdbc6
#fcdbc6
rgb(252,219,198)
-
#fde7d8
#fde7d8
rgb(253,231,216)
-
#fef2eb
#fef2eb
rgb(254,242,235)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ca580c
A tone is produced by adding gray to any pure hue. In this case, #6f6a67 is the less saturated color, while #d25604 is the most saturated one.
-
#6f6a67
#6f6a67
rgb(111,106,103)
-
#78685e
#78685e
rgb(120,104,94)
-
#806756
#806756
rgb(128,103,86)
-
#88654e
#88654e
rgb(136,101,78)
-
#906446
#906446
rgb(144,100,70)
-
#99623d
#99623d
rgb(153,98,61)
-
#a16035
#a16035
rgb(161,96,53)
-
#a95f2d
#a95f2d
rgb(169,95,45)
-
#b15d25
#b15d25
rgb(177,93,37)
-
#ba5b1c
#ba5b1c
rgb(186,91,28)
-
#c25a14
#c25a14
rgb(194,90,20)
-
#ca580c
#ca580c
rgb(202,88,12)
-
#d25604
#d25604
rgb(210,86,4)
Color Blindness Simulator
Below, you can see how #ca580c 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.