#ca551c Color Information
In a RGB color space, hex #ca551c is composed of 79.2% red, 33.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 86.1% yellow and 20.8% black. It has a hue angle of 19.7 degrees, a saturation of 75.7% and a lightness of 45.1%. #ca551c color hex could be obtained by blending #ffaa38 with #950000. Closest websafe color is: #cc6633.
-
- R 79
- G 33
- B 11
-
- C 0
- M 58
- Y 86
- K 21
● #ca551c color description : Strong orange.
#ca551c Color Conversion
The hexadecimal color #ca551c has RGB values of R:202, G:85, B:28 and CMYK values of C:0, M:0.58, Y:0.86, K:0.21. Its decimal value is 13260060.
Hex triplet | ca551c | #ca551c |
---|---|---|
RGB Decimal | 202, 85, 28 | rgb(202,85,28) |
RGB Percent | 79.2, 33.3, 11 | rgb(79.2%,33.3%,11%) |
CMYK | 0, 58, 86, 21 | |
HSL | 19.7°, 75.7, 45.1 | hsl(19.7,75.7%,45.1%) |
HSV (or HSB) | 19.7°, 86.1, 79.2 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 50.851, 43.813, 52.726 |
---|---|
XYZ | 27.816, 19.14, 3.328 |
xyY | 0.553, 0.381, 19.14 |
CIE-LCH | 50.851, 68.554, 50.275 |
CIE-LUV | 50.851, 95.6, 40.891 |
Hunter-Lab | 43.75, 36.93, 26.114 |
Binary | 11001010, 01010101, 00011100 |
Color Schemes with #ca551c
Alternatives to #ca551c
Below, you can see some colors close to #ca551c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca551c Preview
This text has a font color of #ca551c.
<span style="color:#ca551c;">Text here</span>
This paragraph has a background color of #ca551c.
<p style="background-color:#ca551c;">Content here</p>
This element has a border color of #ca551c.
<div style="border:1px solid #ca551c;">Content here</div>
.text {color:#ca551c;}
.background {background-color:#ca551c;}
.border {border:1px solid #ca551c;}
Shades and Tints of #ca551c
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, #0c0502 is the darkest color, while #fefcfa is the lightest one.
-
#0c0502
#0c0502
rgb(12,5,2)
-
#1e0d04
#1e0d04
rgb(30,13,4)
-
#2f1407
#2f1407
rgb(47,20,7)
-
#401b09
#401b09
rgb(64,27,9)
-
#51220b
#51220b
rgb(81,34,11)
-
#632a0e
#632a0e
rgb(99,42,14)
-
#743110
#743110
rgb(116,49,16)
-
#853812
#853812
rgb(133,56,18)
-
#963f15
#963f15
rgb(150,63,21)
-
#a84717
#a84717
rgb(168,71,23)
-
#b94e1a
#b94e1a
rgb(185,78,26)
-
#ca551c
#ca551c
rgb(202,85,28)
-
#db5c1e
#db5c1e
rgb(219,92,30)
-
#e2672c
#e2672c
rgb(226,103,44)
-
#e4743d
#e4743d
rgb(228,116,61)
-
#e6804e
#e6804e
rgb(230,128,78)
-
#e98c5f
#e98c5f
rgb(233,140,95)
-
#eb9970
#eb9970
rgb(235,153,112)
-
#eea582
#eea582
rgb(238,165,130)
-
#f0b193
#f0b193
rgb(240,177,147)
-
#f2bea4
#f2bea4
rgb(242,190,164)
-
#f5cab5
#f5cab5
rgb(245,202,181)
-
#f7d7c7
#f7d7c7
rgb(247,215,199)
-
#fae3d8
#fae3d8
rgb(250,227,216)
-
#fcefe9
#fcefe9
rgb(252,239,233)
-
#fefcfa
#fefcfa
rgb(254,252,250)
Tones of #ca551c
A tone is produced by adding gray to any pure hue. In this case, #7a706c is the less saturated color, while #e54c01 is the most saturated one.
-
#7a706c
#7a706c
rgb(122,112,108)
-
#836d63
#836d63
rgb(131,109,99)
-
#8c6a5a
#8c6a5a
rgb(140,106,90)
-
#956751
#956751
rgb(149,103,81)
-
#9e6448
#9e6448
rgb(158,100,72)
-
#a7613f
#a7613f
rgb(167,97,63)
-
#af5e37
#af5e37
rgb(175,94,55)
-
#b85b2e
#b85b2e
rgb(184,91,46)
-
#c15825
#c15825
rgb(193,88,37)
-
#ca551c
#ca551c
rgb(202,85,28)
-
#d35213
#d35213
rgb(211,82,19)
-
#dc4f0a
#dc4f0a
rgb(220,79,10)
-
#e54c01
#e54c01
rgb(229,76,1)
Color Blindness Simulator
Below, you can see how #ca551c 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.