#de551f Color Information
In a RGB color space, hex #de551f is composed of 87.1% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.7% magenta, 86% yellow and 12.9% black. It has a hue angle of 17 degrees, a saturation of 75.5% and a lightness of 49.6%. #de551f color hex could be obtained by blending #ffaa3e with #bd0000. Closest websafe color is: #cc6633.
-
- R 87
- G 33
- B 12
-
- C 0
- M 62
- Y 86
- K 13
● #de551f color description : Vivid orange.
#de551f Color Conversion
The hexadecimal color #de551f has RGB values of R:222, G:85, B:31 and CMYK values of C:0, M:0.62, Y:0.86, K:0.13. Its decimal value is 14570783.
Hex triplet | de551f | #de551f |
---|---|---|
RGB Decimal | 222, 85, 31 | rgb(222,85,31) |
RGB Percent | 87.1, 33.3, 12.2 | rgb(87.1%,33.3%,12.2%) |
CMYK | 0, 62, 86, 13 | |
HSL | 17°, 75.5, 49.6 | hsl(17,75.5%,49.6%) |
HSV (or HSB) | 17°, 86, 87.1 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 54.164, 51.184, 55.629 |
---|---|
XYZ | 33.622, 22.129, 3.797 |
xyY | 0.565, 0.372, 22.129 |
CIE-LCH | 54.164, 75.594, 47.383 |
CIE-LUV | 54.164, 111.91, 42.259 |
Hunter-Lab | 47.042, 45.254, 28.143 |
Binary | 11011110, 01010101, 00011111 |
Color Schemes with #de551f
Alternatives to #de551f
Below, you can see some colors close to #de551f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#de551f Preview
This text has a font color of #de551f.
<span style="color:#de551f;">Text here</span>
This paragraph has a background color of #de551f.
<p style="background-color:#de551f;">Content here</p>
This element has a border color of #de551f.
<div style="border:1px solid #de551f;">Content here</div>
.text {color:#de551f;}
.background {background-color:#de551f;}
.border {border:1px solid #de551f;}
Shades and Tints of #de551f
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 #fffefd is the lightest one.
-
#0f0602
#0f0602
rgb(15,6,2)
-
#210d05
#210d05
rgb(33,13,5)
-
#321307
#321307
rgb(50,19,7)
-
#431a09
#431a09
rgb(67,26,9)
-
#54200c
#54200c
rgb(84,32,12)
-
#66270e
#66270e
rgb(102,39,14)
-
#772d11
#772d11
rgb(119,45,17)
-
#883413
#883413
rgb(136,52,19)
-
#993b15
#993b15
rgb(153,59,21)
-
#aa4118
#aa4118
rgb(170,65,24)
-
#bc481a
#bc481a
rgb(188,72,26)
-
#cd4e1d
#cd4e1d
rgb(205,78,29)
-
#de551f
#de551f
rgb(222,85,31)
-
#e2612f
#e2612f
rgb(226,97,47)
-
#e46e40
#e46e40
rgb(228,110,64)
-
#e77b51
#e77b51
rgb(231,123,81)
-
#e98862
#e98862
rgb(233,136,98)
-
#ec9574
#ec9574
rgb(236,149,116)
-
#eea285
#eea285
rgb(238,162,133)
-
#f0b096
#f0b096
rgb(240,176,150)
-
#f3bda7
#f3bda7
rgb(243,189,167)
-
#f5cab8
#f5cab8
rgb(245,202,184)
-
#f8d7ca
#f8d7ca
rgb(248,215,202)
-
#fae4db
#fae4db
rgb(250,228,219)
-
#fcf1ec
#fcf1ec
rgb(252,241,236)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #de551f
A tone is produced by adding gray to any pure hue. In this case, #867b77 is the less saturated color, while #fb4802 is the most saturated one.
-
#867b77
#867b77
rgb(134,123,119)
-
#90776d
#90776d
rgb(144,119,109)
-
#9a7363
#9a7363
rgb(154,115,99)
-
#a46e59
#a46e59
rgb(164,110,89)
-
#ad6a50
#ad6a50
rgb(173,106,80)
-
#b76646
#b76646
rgb(183,102,70)
-
#c1623c
#c1623c
rgb(193,98,60)
-
#cb5d32
#cb5d32
rgb(203,93,50)
-
#d45929
#d45929
rgb(212,89,41)
-
#de551f
#de551f
rgb(222,85,31)
-
#e85115
#e85115
rgb(232,81,21)
-
#f14d0c
#f14d0c
rgb(241,77,12)
-
#fb4802
#fb4802
rgb(251,72,2)
Color Blindness Simulator
Below, you can see how #de551f 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.