#ff5312 Color Information
In a RGB color space, hex #ff5312 is composed of 100% red, 32.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.5% magenta, 92.9% yellow and 0% black. It has a hue angle of 16.5 degrees, a saturation of 100% and a lightness of 53.5%. #ff5312 color hex could be obtained by blending #ffa624 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 33
- B 7
-
- C 0
- M 67
- Y 93
- K 0
● #ff5312 color description : Vivid orange.
#ff5312 Color Conversion
The hexadecimal color #ff5312 has RGB values of R:255, G:83, B:18 and CMYK values of C:0, M:0.67, Y:0.93, K:0. Its decimal value is 16732946.
Hex triplet | ff5312 | #ff5312 |
---|---|---|
RGB Decimal | 255, 83, 18 | rgb(255,83,18) |
RGB Percent | 100, 32.5, 7.1 | rgb(100%,32.5%,7.1%) |
CMYK | 0, 67, 93, 0 | |
HSL | 16.5°, 100, 53.5 | hsl(16.5,100%,53.5%) |
HSV (or HSB) | 16.5°, 92.9, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 59.43, 62.958, 66.224 |
---|---|
XYZ | 44.445, 27.495, 3.539 |
xyY | 0.589, 0.364, 27.495 |
CIE-LCH | 59.43, 91.375, 46.448 |
CIE-LUV | 59.43, 140.952, 47.124 |
Hunter-Lab | 52.436, 59.533, 32.703 |
Binary | 11111111, 01010011, 00010010 |
Color Schemes with #ff5312
Alternatives to #ff5312
Below, you can see some colors close to #ff5312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5312 Preview
This text has a font color of #ff5312.
<span style="color:#ff5312;">Text here</span>
This paragraph has a background color of #ff5312.
<p style="background-color:#ff5312;">Content here</p>
This element has a border color of #ff5312.
<div style="border:1px solid #ff5312;">Content here</div>
.text {color:#ff5312;}
.background {background-color:#ff5312;}
.border {border:1px solid #ff5312;}
Shades and Tints of #ff5312
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)
-
#260a00
#260a00
rgb(38,10,0)
-
#391000
#391000
rgb(57,16,0)
-
#4d1500
#4d1500
rgb(77,21,0)
-
#601a00
#601a00
rgb(96,26,0)
-
#742000
#742000
rgb(116,32,0)
-
#882500
#882500
rgb(136,37,0)
-
#9b2b00
#9b2b00
rgb(155,43,0)
-
#af3000
#af3000
rgb(175,48,0)
-
#c33500
#c33500
rgb(195,53,0)
-
#d63b00
#d63b00
rgb(214,59,0)
-
#ea4000
#ea4000
rgb(234,64,0)
-
#fd4500
#fd4500
rgb(253,69,0)
-
#ff5312
#ff5312
rgb(255,83,18)
-
#ff6126
#ff6126
rgb(255,97,38)
-
#ff6f39
#ff6f39
rgb(255,111,57)
-
#ff7e4d
#ff7e4d
rgb(255,126,77)
-
#ff8c60
#ff8c60
rgb(255,140,96)
-
#ff9a74
#ff9a74
rgb(255,154,116)
-
#ffa888
#ffa888
rgb(255,168,136)
-
#ffb79b
#ffb79b
rgb(255,183,155)
-
#ffc5af
#ffc5af
rgb(255,197,175)
-
#ffd3c3
#ffd3c3
rgb(255,211,195)
-
#ffe1d6
#ffe1d6
rgb(255,225,214)
-
#fff0ea
#fff0ea
rgb(255,240,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ff5312
A tone is produced by adding gray to any pure hue. In this case, #92847f is the less saturated color, while #ff5312 is the most saturated one.
-
#92847f
#92847f
rgb(146,132,127)
-
#9b8076
#9b8076
rgb(155,128,118)
-
#a47c6d
#a47c6d
rgb(164,124,109)
-
#ad7864
#ad7864
rgb(173,120,100)
-
#b6745b
#b6745b
rgb(182,116,91)
-
#bf7052
#bf7052
rgb(191,112,82)
-
#c86c49
#c86c49
rgb(200,108,73)
-
#d16840
#d16840
rgb(209,104,64)
-
#db6336
#db6336
rgb(219,99,54)
-
#e45f2d
#e45f2d
rgb(228,95,45)
-
#ed5b24
#ed5b24
rgb(237,91,36)
-
#f6571b
#f6571b
rgb(246,87,27)
-
#ff5312
#ff5312
rgb(255,83,18)
Color Blindness Simulator
Below, you can see how #ff5312 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.