#ff3317 Color Information
In a RGB color space, hex #ff3317 is composed of 100% red, 20% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 91% yellow and 0% black. It has a hue angle of 7.2 degrees, a saturation of 100% and a lightness of 54.5%. #ff3317 color hex could be obtained by blending #ff662e with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 20
- B 9
-
- C 0
- M 80
- Y 91
- K 0
● #ff3317 color description : Vivid red.
#ff3317 Color Conversion
The hexadecimal color #ff3317 has RGB values of R:255, G:51, B:23 and CMYK values of C:0, M:0.8, Y:0.91, K:0. Its decimal value is 16724759.
Hex triplet | ff3317 | #ff3317 |
---|---|---|
RGB Decimal | 255, 51, 23 | rgb(255,51,23) |
RGB Percent | 100, 20, 9 | rgb(100%,20%,9%) |
CMYK | 0, 80, 91, 0 | |
HSL | 7.2°, 100, 54.5 | hsl(7.2,100%,54.5%) |
HSV (or HSB) | 7.2°, 91, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.781, 73.184, 62.414 |
---|---|
XYZ | 42.581, 23.695, 3.142 |
xyY | 0.613, 0.341, 23.695 |
CIE-LCH | 55.781, 96.185, 40.459 |
CIE-LUV | 55.781, 159.68, 39.938 |
Hunter-Lab | 48.677, 70.958, 30.247 |
Binary | 11111111, 00110011, 00010111 |
Color Schemes with #ff3317
Alternatives to #ff3317
Below, you can see some colors close to #ff3317. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3317 Preview
This text has a font color of #ff3317.
<span style="color:#ff3317;">Text here</span>
This paragraph has a background color of #ff3317.
<p style="background-color:#ff3317;">Content here</p>
This element has a border color of #ff3317.
<div style="border:1px solid #ff3317;">Content here</div>
.text {color:#ff3317;}
.background {background-color:#ff3317;}
.border {border:1px solid #ff3317;}
Shades and Tints of #ff3317
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, #030000 is the darkest color, while #fff1ef is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#170300
#170300
rgb(23,3,0)
-
#2b0500
#2b0500
rgb(43,5,0)
-
#3e0800
#3e0800
rgb(62,8,0)
-
#520a00
#520a00
rgb(82,10,0)
-
#650c00
#650c00
rgb(101,12,0)
-
#790f00
#790f00
rgb(121,15,0)
-
#8d1100
#8d1100
rgb(141,17,0)
-
#a01300
#a01300
rgb(160,19,0)
-
#b41600
#b41600
rgb(180,22,0)
-
#c81800
#c81800
rgb(200,24,0)
-
#db1a00
#db1a00
rgb(219,26,0)
-
#ef1d00
#ef1d00
rgb(239,29,0)
-
#ff2203
#ff2203
rgb(255,34,3)
-
#ff3317
#ff3317
rgb(255,51,23)
-
#ff442b
#ff442b
rgb(255,68,43)
-
#ff553e
#ff553e
rgb(255,85,62)
-
#ff6752
#ff6752
rgb(255,103,82)
-
#ff7865
#ff7865
rgb(255,120,101)
-
#ff8979
#ff8979
rgb(255,137,121)
-
#ff9a8d
#ff9a8d
rgb(255,154,141)
-
#ffaca0
#ffaca0
rgb(255,172,160)
-
#ffbdb4
#ffbdb4
rgb(255,189,180)
-
#ffcec8
#ffcec8
rgb(255,206,200)
-
#ffdfdb
#ffdfdb
rgb(255,223,219)
-
#fff1ef
#fff1ef
rgb(255,241,239)
Tones of #ff3317
A tone is produced by adding gray to any pure hue. In this case, #948482 is the less saturated color, while #ff3317 is the most saturated one.
-
#948482
#948482
rgb(148,132,130)
-
#9d7d79
#9d7d79
rgb(157,125,121)
-
#a67770
#a67770
rgb(166,119,112)
-
#af7067
#af7067
rgb(175,112,103)
-
#b8695e
#b8695e
rgb(184,105,94)
-
#c16255
#c16255
rgb(193,98,85)
-
#c95c4d
#c95c4d
rgb(201,92,77)
-
#d25544
#d25544
rgb(210,85,68)
-
#db4e3b
#db4e3b
rgb(219,78,59)
-
#e44732
#e44732
rgb(228,71,50)
-
#ed4129
#ed4129
rgb(237,65,41)
-
#f63a20
#f63a20
rgb(246,58,32)
-
#ff3317
#ff3317
rgb(255,51,23)
Color Blindness Simulator
Below, you can see how #ff3317 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.