#ff331f Color Information
In a RGB color space, hex #ff331f is composed of 100% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 87.8% yellow and 0% black. It has a hue angle of 5.4 degrees, a saturation of 100% and a lightness of 56.1%. #ff331f color hex could be obtained by blending #ff663e with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 20
- B 12
-
- C 0
- M 80
- Y 88
- K 0
● #ff331f color description : Vivid red.
#ff331f Color Conversion
The hexadecimal color #ff331f has RGB values of R:255, G:51, B:31 and CMYK values of C:0, M:0.8, Y:0.88, K:0. Its decimal value is 16724767.
Hex triplet | ff331f | #ff331f |
---|---|---|
RGB Decimal | 255, 51, 31 | rgb(255,51,31) |
RGB Percent | 100, 20, 12.2 | rgb(100%,20%,12.2%) |
CMYK | 0, 80, 88, 0 | |
HSL | 5.4°, 100, 56.1 | hsl(5.4,100%,56.1%) |
HSV (or HSB) | 5.4°, 87.8, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.818, 73.3, 59.455 |
---|---|
XYZ | 42.673, 23.732, 3.63 |
xyY | 0.609, 0.339, 23.732 |
CIE-LCH | 55.818, 94.381, 39.046 |
CIE-LUV | 55.818, 158.879, 38.597 |
Hunter-Lab | 48.716, 71.109, 29.683 |
Binary | 11111111, 00110011, 00011111 |
Color Schemes with #ff331f
Alternatives to #ff331f
Below, you can see some colors close to #ff331f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff331f Preview
This text has a font color of #ff331f.
<span style="color:#ff331f;">Text here</span>
This paragraph has a background color of #ff331f.
<p style="background-color:#ff331f;">Content here</p>
This element has a border color of #ff331f.
<div style="border:1px solid #ff331f;">Content here</div>
.text {color:#ff331f;}
.background {background-color:#ff331f;}
.border {border:1px solid #ff331f;}
Shades and Tints of #ff331f
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, #0b0100 is the darkest color, while #fff8f7 is the lightest one.
-
#0b0100
#0b0100
rgb(11,1,0)
-
#1f0300
#1f0300
rgb(31,3,0)
-
#330500
#330500
rgb(51,5,0)
-
#460600
#460600
rgb(70,6,0)
-
#5a0800
#5a0800
rgb(90,8,0)
-
#6d0a00
#6d0a00
rgb(109,10,0)
-
#810c00
#810c00
rgb(129,12,0)
-
#950d00
#950d00
rgb(149,13,0)
-
#a80f00
#a80f00
rgb(168,15,0)
-
#bc1100
#bc1100
rgb(188,17,0)
-
#d01300
#d01300
rgb(208,19,0)
-
#e31400
#e31400
rgb(227,20,0)
-
#f71600
#f71600
rgb(247,22,0)
-
#ff210b
#ff210b
rgb(255,33,11)
-
#ff331f
#ff331f
rgb(255,51,31)
-
#ff4533
#ff4533
rgb(255,69,51)
-
#ff5746
#ff5746
rgb(255,87,70)
-
#ff695a
#ff695a
rgb(255,105,90)
-
#ff7a6d
#ff7a6d
rgb(255,122,109)
-
#ff8c81
#ff8c81
rgb(255,140,129)
-
#ff9e95
#ff9e95
rgb(255,158,149)
-
#ffb0a8
#ffb0a8
rgb(255,176,168)
-
#ffc2bc
#ffc2bc
rgb(255,194,188)
-
#ffd4d0
#ffd4d0
rgb(255,212,208)
-
#ffe6e3
#ffe6e3
rgb(255,230,227)
-
#fff8f7
#fff8f7
rgb(255,248,247)
Tones of #ff331f
A tone is produced by adding gray to any pure hue. In this case, #988886 is the less saturated color, while #ff331f is the most saturated one.
-
#988886
#988886
rgb(152,136,134)
-
#a0817e
#a0817e
rgb(160,129,126)
-
#a97a75
#a97a75
rgb(169,122,117)
-
#b1736d
#b1736d
rgb(177,115,109)
-
#ba6c64
#ba6c64
rgb(186,108,100)
-
#c3655b
#c3655b
rgb(195,101,91)
-
#cb5d53
#cb5d53
rgb(203,93,83)
-
#d4564a
#d4564a
rgb(212,86,74)
-
#dd4f41
#dd4f41
rgb(221,79,65)
-
#e54839
#e54839
rgb(229,72,57)
-
#ee4130
#ee4130
rgb(238,65,48)
-
#f63a28
#f63a28
rgb(246,58,40)
-
#ff331f
#ff331f
rgb(255,51,31)
Color Blindness Simulator
Below, you can see how #ff331f 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.