#ff5712 Color Information
In a RGB color space, hex #ff5712 is composed of 100% red, 34.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.9% magenta, 92.9% yellow and 0% black. It has a hue angle of 17.5 degrees, a saturation of 100% and a lightness of 53.5%. #ff5712 color hex could be obtained by blending #ffae24 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 34
- B 7
-
- C 0
- M 66
- Y 93
- K 0
● #ff5712 color description : Vivid orange.
#ff5712 Color Conversion
The hexadecimal color #ff5712 has RGB values of R:255, G:87, B:18 and CMYK values of C:0, M:0.66, Y:0.93, K:0. Its decimal value is 16733970.
Hex triplet | ff5712 | #ff5712 |
---|---|---|
RGB Decimal | 255, 87, 18 | rgb(255,87,18) |
RGB Percent | 100, 34.1, 7.1 | rgb(100%,34.1%,7.1%) |
CMYK | 0, 66, 93, 0 | |
HSL | 17.5°, 100, 53.5 | hsl(17.5,100%,53.5%) |
HSV (or HSB) | 17.5°, 92.9, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.002, 61.409, 66.585 |
---|---|
XYZ | 44.76, 28.125, 3.644 |
xyY | 0.585, 0.368, 28.125 |
CIE-LCH | 60.002, 90.579, 47.316 |
CIE-LUV | 60.002, 138.106, 48.123 |
Hunter-Lab | 53.033, 57.844, 33.049 |
Binary | 11111111, 01010111, 00010010 |
Color Schemes with #ff5712
Alternatives to #ff5712
Below, you can see some colors close to #ff5712. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5712 Preview
This text has a font color of #ff5712.
<span style="color:#ff5712;">Text here</span>
This paragraph has a background color of #ff5712.
<p style="background-color:#ff5712;">Content here</p>
This element has a border color of #ff5712.
<div style="border:1px solid #ff5712;">Content here</div>
.text {color:#ff5712;}
.background {background-color:#ff5712;}
.border {border:1px solid #ff5712;}
Shades and Tints of #ff5712
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, #120500 is the darkest color, while #fffefd is the lightest one.
-
#120500
#120500
rgb(18,5,0)
-
#260b00
#260b00
rgb(38,11,0)
-
#391100
#391100
rgb(57,17,0)
-
#4d1600
#4d1600
rgb(77,22,0)
-
#601c00
#601c00
rgb(96,28,0)
-
#742200
#742200
rgb(116,34,0)
-
#882800
#882800
rgb(136,40,0)
-
#9b2d00
#9b2d00
rgb(155,45,0)
-
#af3300
#af3300
rgb(175,51,0)
-
#c33900
#c33900
rgb(195,57,0)
-
#d63e00
#d63e00
rgb(214,62,0)
-
#ea4400
#ea4400
rgb(234,68,0)
-
#fd4a00
#fd4a00
rgb(253,74,0)
-
#ff5712
#ff5712
rgb(255,87,18)
-
#ff6526
#ff6526
rgb(255,101,38)
-
#ff7339
#ff7339
rgb(255,115,57)
-
#ff814d
#ff814d
rgb(255,129,77)
-
#ff8f60
#ff8f60
rgb(255,143,96)
-
#ff9d74
#ff9d74
rgb(255,157,116)
-
#ffaa88
#ffaa88
rgb(255,170,136)
-
#ffb89b
#ffb89b
rgb(255,184,155)
-
#ffc6af
#ffc6af
rgb(255,198,175)
-
#ffd4c3
#ffd4c3
rgb(255,212,195)
-
#ffe2d6
#ffe2d6
rgb(255,226,214)
-
#fff0ea
#fff0ea
rgb(255,240,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff5712
A tone is produced by adding gray to any pure hue. In this case, #92857f is the less saturated color, while #ff5712 is the most saturated one.
-
#92857f
#92857f
rgb(146,133,127)
-
#9b8176
#9b8176
rgb(155,129,118)
-
#a47d6d
#a47d6d
rgb(164,125,109)
-
#ad7964
#ad7964
rgb(173,121,100)
-
#b6755b
#b6755b
rgb(182,117,91)
-
#bf7252
#bf7252
rgb(191,114,82)
-
#c86e49
#c86e49
rgb(200,110,73)
-
#d16a40
#d16a40
rgb(209,106,64)
-
#db6636
#db6636
rgb(219,102,54)
-
#e4622d
#e4622d
rgb(228,98,45)
-
#ed5f24
#ed5f24
rgb(237,95,36)
-
#f65b1b
#f65b1b
rgb(246,91,27)
-
#ff5712
#ff5712
rgb(255,87,18)
Color Blindness Simulator
Below, you can see how #ff5712 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.