#ff481f Color Information
In a RGB color space, hex #ff481f is composed of 100% red, 28.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 87.8% yellow and 0% black. It has a hue angle of 11 degrees, a saturation of 100% and a lightness of 56.1%. #ff481f color hex could be obtained by blending #ff903e with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 28
- B 12
-
- C 0
- M 72
- Y 88
- K 0
● #ff481f color description : Vivid red.
#ff481f Color Conversion
The hexadecimal color #ff481f has RGB values of R:255, G:72, B:31 and CMYK values of C:0, M:0.72, Y:0.88, K:0. Its decimal value is 16730143.
Hex triplet | ff481f | #ff481f |
---|---|---|
RGB Decimal | 255, 72, 31 | rgb(255,72,31) |
RGB Percent | 100, 28.2, 12.2 | rgb(100%,28.2%,12.2%) |
CMYK | 0, 72, 88, 0 | |
HSL | 11°, 100, 56.1 | hsl(11,100%,56.1%) |
HSV (or HSB) | 11°, 87.8, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 58.036, 67.102, 61.118 |
---|---|
XYZ | 43.807, 25.999, 4.008 |
xyY | 0.593, 0.352, 25.999 |
CIE-LCH | 58.036, 90.764, 42.328 |
CIE-LUV | 58.036, 147.28, 42.646 |
Hunter-Lab | 50.989, 64.126, 31.032 |
Binary | 11111111, 01001000, 00011111 |
Color Schemes with #ff481f
Alternatives to #ff481f
Below, you can see some colors close to #ff481f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff481f Preview
This text has a font color of #ff481f.
<span style="color:#ff481f;">Text here</span>
This paragraph has a background color of #ff481f.
<p style="background-color:#ff481f;">Content here</p>
This element has a border color of #ff481f.
<div style="border:1px solid #ff481f;">Content here</div>
.text {color:#ff481f;}
.background {background-color:#ff481f;}
.border {border:1px solid #ff481f;}
Shades and Tints of #ff481f
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, #0b0200 is the darkest color, while #fff8f7 is the lightest one.
-
#0b0200
#0b0200
rgb(11,2,0)
-
#1f0600
#1f0600
rgb(31,6,0)
-
#330900
#330900
rgb(51,9,0)
-
#460d00
#460d00
rgb(70,13,0)
-
#5a1000
#5a1000
rgb(90,16,0)
-
#6d1400
#6d1400
rgb(109,20,0)
-
#811800
#811800
rgb(129,24,0)
-
#951b00
#951b00
rgb(149,27,0)
-
#a81f00
#a81f00
rgb(168,31,0)
-
#bc2200
#bc2200
rgb(188,34,0)
-
#d02600
#d02600
rgb(208,38,0)
-
#e32a00
#e32a00
rgb(227,42,0)
-
#f72d00
#f72d00
rgb(247,45,0)
-
#ff380b
#ff380b
rgb(255,56,11)
-
#ff481f
#ff481f
rgb(255,72,31)
-
#ff5833
#ff5833
rgb(255,88,51)
-
#ff6846
#ff6846
rgb(255,104,70)
-
#ff785a
#ff785a
rgb(255,120,90)
-
#ff886d
#ff886d
rgb(255,136,109)
-
#ff9881
#ff9881
rgb(255,152,129)
-
#ffa895
#ffa895
rgb(255,168,149)
-
#ffb8a8
#ffb8a8
rgb(255,184,168)
-
#ffc8bc
#ffc8bc
rgb(255,200,188)
-
#ffd8d0
#ffd8d0
rgb(255,216,208)
-
#ffe8e3
#ffe8e3
rgb(255,232,227)
-
#fff8f7
#fff8f7
rgb(255,248,247)
Tones of #ff481f
A tone is produced by adding gray to any pure hue. In this case, #988a86 is the less saturated color, while #ff481f is the most saturated one.
-
#988a86
#988a86
rgb(152,138,134)
-
#a0847e
#a0847e
rgb(160,132,126)
-
#a97f75
#a97f75
rgb(169,127,117)
-
#b1796d
#b1796d
rgb(177,121,109)
-
#ba7464
#ba7464
rgb(186,116,100)
-
#c36e5b
#c36e5b
rgb(195,110,91)
-
#cb6953
#cb6953
rgb(203,105,83)
-
#d4634a
#d4634a
rgb(212,99,74)
-
#dd5e41
#dd5e41
rgb(221,94,65)
-
#e55839
#e55839
rgb(229,88,57)
-
#ee5330
#ee5330
rgb(238,83,48)
-
#f64d28
#f64d28
rgb(246,77,40)
-
#ff481f
#ff481f
rgb(255,72,31)
Color Blindness Simulator
Below, you can see how #ff481f 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.