#ca551f Color Information
In a RGB color space, hex #ca551f is composed of 79.2% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 18.9 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca551f color hex could be obtained by blending #ffaa3e with #950000. Closest websafe color is: #cc6633.
-
- R 79
- G 33
- B 12
-
- C 0
- M 58
- Y 85
- K 21
● #ca551f color description : Strong orange.
#ca551f Color Conversion
The hexadecimal color #ca551f has RGB values of R:202, G:85, B:31 and CMYK values of C:0, M:0.58, Y:0.85, K:0.21. Its decimal value is 13260063.
Hex triplet | ca551f | #ca551f |
---|---|---|
RGB Decimal | 202, 85, 31 | rgb(202,85,31) |
RGB Percent | 79.2, 33.3, 12.2 | rgb(79.2%,33.3%,12.2%) |
CMYK | 0, 58, 85, 21 | |
HSL | 18.9°, 73.4, 45.7 | hsl(18.9,73.4%,45.7%) |
HSV (or HSB) | 18.9°, 84.7, 79.2 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 50.869, 43.888, 51.537 |
---|---|
XYZ | 27.854, 19.155, 3.527 |
xyY | 0.551, 0.379, 19.155 |
CIE-LCH | 50.869, 67.691, 49.583 |
CIE-LUV | 50.869, 95.341, 40.255 |
Hunter-Lab | 43.767, 37.009, 25.859 |
Binary | 11001010, 01010101, 00011111 |
Color Schemes with #ca551f
Alternatives to #ca551f
Below, you can see some colors close to #ca551f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca551f Preview
This text has a font color of #ca551f.
<span style="color:#ca551f;">Text here</span>
This paragraph has a background color of #ca551f.
<p style="background-color:#ca551f;">Content here</p>
This element has a border color of #ca551f.
<div style="border:1px solid #ca551f;">Content here</div>
.text {color:#ca551f;}
.background {background-color:#ca551f;}
.border {border:1px solid #ca551f;}
Shades and Tints of #ca551f
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, #0f0602 is the darkest color, while #fffdfd is the lightest one.
-
#0f0602
#0f0602
rgb(15,6,2)
-
#200d05
#200d05
rgb(32,13,5)
-
#311508
#311508
rgb(49,21,8)
-
#421c0a
#421c0a
rgb(66,28,10)
-
#53230d
#53230d
rgb(83,35,13)
-
#642a0f
#642a0f
rgb(100,42,15)
-
#753112
#753112
rgb(117,49,18)
-
#863815
#863815
rgb(134,56,21)
-
#974017
#974017
rgb(151,64,23)
-
#a8471a
#a8471a
rgb(168,71,26)
-
#b94e1c
#b94e1c
rgb(185,78,28)
-
#ca551f
#ca551f
rgb(202,85,31)
-
#db5c22
#db5c22
rgb(219,92,34)
-
#df6831
#df6831
rgb(223,104,49)
-
#e27442
#e27442
rgb(226,116,66)
-
#e58153
#e58153
rgb(229,129,83)
-
#e78d64
#e78d64
rgb(231,141,100)
-
#ea9a75
#ea9a75
rgb(234,154,117)
-
#eca686
#eca686
rgb(236,166,134)
-
#efb397
#efb397
rgb(239,179,151)
-
#f2bfa8
#f2bfa8
rgb(242,191,168)
-
#f4ccb9
#f4ccb9
rgb(244,204,185)
-
#f7d8ca
#f7d8ca
rgb(247,216,202)
-
#f9e5db
#f9e5db
rgb(249,229,219)
-
#fcf1ec
#fcf1ec
rgb(252,241,236)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #ca551f
A tone is produced by adding gray to any pure hue. In this case, #797370 is the less saturated color, while #e54b04 is the most saturated one.
-
#797370
#797370
rgb(121,115,112)
-
#826f67
#826f67
rgb(130,111,103)
-
#8b6c5e
#8b6c5e
rgb(139,108,94)
-
#946955
#946955
rgb(148,105,85)
-
#9d664c
#9d664c
rgb(157,102,76)
-
#a66243
#a66243
rgb(166,98,67)
-
#af5f3a
#af5f3a
rgb(175,95,58)
-
#b85c31
#b85c31
rgb(184,92,49)
-
#c15828
#c15828
rgb(193,88,40)
-
#ca551f
#ca551f
rgb(202,85,31)
-
#d35216
#d35216
rgb(211,82,22)
-
#dc4e0d
#dc4e0d
rgb(220,78,13)
-
#e54b04
#e54b04
rgb(229,75,4)
Color Blindness Simulator
Below, you can see how #ca551f 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.