#de2522 Color Information
In a RGB color space, hex #de2522 is composed of 87.1% red, 14.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 84.7% yellow and 12.9% black. It has a hue angle of 1 degrees, a saturation of 74% and a lightness of 50.2%. #de2522 color hex could be obtained by blending #ff4a44 with #bd0000. Closest websafe color is: #cc3333.
-
- R 87
- G 15
- B 13
-
- C 0
- M 83
- Y 85
- K 13
● #de2522 color description : Bright red.
#de2522 Color Conversion
The hexadecimal color #de2522 has RGB values of R:222, G:37, B:34 and CMYK values of C:0, M:0.83, Y:0.85, K:0.13. Its decimal value is 14558498.
Hex triplet | de2522 | #de2522 |
---|---|---|
RGB Decimal | 222, 37, 34 | rgb(222,37,34) |
RGB Percent | 87.1, 14.5, 13.3 | rgb(87.1%,14.5%,13.3%) |
CMYK | 0, 83, 85, 13 | |
HSL | 1°, 74, 50.2 | hsl(1,74%,50.2%) |
HSV (or HSB) | 1°, 84.7, 87.1 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 48.225, 67.623, 49.316 |
---|---|
XYZ | 31.076, 16.972, 3.153 |
xyY | 0.607, 0.331, 16.972 |
CIE-LCH | 48.225, 83.696, 36.102 |
CIE-LUV | 48.225, 140.032, 30.877 |
Hunter-Lab | 41.197, 62.552, 24.3 |
Binary | 11011110, 00100101, 00100010 |
Color Schemes with #de2522
Alternatives to #de2522
Below, you can see some colors close to #de2522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#de2522 Preview
This text has a font color of #de2522.
<span style="color:#de2522;">Text here</span>
This paragraph has a background color of #de2522.
<p style="background-color:#de2522;">Content here</p>
This element has a border color of #de2522.
<div style="border:1px solid #de2522;">Content here</div>
.text {color:#de2522;}
.background {background-color:#de2522;}
.border {border:1px solid #de2522;}
Shades and Tints of #de2522
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, #010000 is the darkest color, while #fdefef is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#120303
#120303
rgb(18,3,3)
-
#230605
#230605
rgb(35,6,5)
-
#340808
#340808
rgb(52,8,8)
-
#450b0a
#450b0a
rgb(69,11,10)
-
#560e0d
#560e0d
rgb(86,14,13)
-
#67110f
#67110f
rgb(103,17,15)
-
#781412
#781412
rgb(120,20,18)
-
#891615
#891615
rgb(137,22,21)
-
#9a1917
#9a1917
rgb(154,25,23)
-
#ac1c1a
#ac1c1a
rgb(172,28,26)
-
#bd1f1c
#bd1f1c
rgb(189,31,28)
-
#ce221f
#ce221f
rgb(206,34,31)
-
#de2522
#de2522
rgb(222,37,34)
-
#e13633
#e13633
rgb(225,54,51)
-
#e34744
#e34744
rgb(227,71,68)
-
#e65855
#e65855
rgb(230,88,85)
-
#e86866
#e86866
rgb(232,104,102)
-
#eb7977
#eb7977
rgb(235,121,119)
-
#ed8a88
#ed8a88
rgb(237,138,136)
-
#f09b99
#f09b99
rgb(240,155,153)
-
#f2acab
#f2acab
rgb(242,172,171)
-
#f5bdbc
#f5bdbc
rgb(245,189,188)
-
#f7cdcd
#f7cdcd
rgb(247,205,205)
-
#fadede
#fadede
rgb(250,222,222)
-
#fdefef
#fdefef
rgb(253,239,239)
Tones of #de2522
A tone is produced by adding gray to any pure hue. In this case, #867a7a is the less saturated color, while #fb0905 is the most saturated one.
-
#867a7a
#867a7a
rgb(134,122,122)
-
#907170
#907170
rgb(144,113,112)
-
#9a6766
#9a6766
rgb(154,103,102)
-
#a35e5d
#a35e5d
rgb(163,94,93)
-
#ad5453
#ad5453
rgb(173,84,83)
-
#b74b49
#b74b49
rgb(183,75,73)
-
#c1413f
#c1413f
rgb(193,65,63)
-
#ca3836
#ca3836
rgb(202,56,54)
-
#d42e2c
#d42e2c
rgb(212,46,44)
-
#de2522
#de2522
rgb(222,37,34)
-
#e81c18
#e81c18
rgb(232,28,24)
-
#f2120e
#f2120e
rgb(242,18,14)
-
#fb0905
#fb0905
rgb(251,9,5)
Color Blindness Simulator
Below, you can see how #de2522 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.