#ff331b Color Information
In a RGB color space, hex #ff331b is composed of 100% red, 20% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 89.4% yellow and 0% black. It has a hue angle of 6.3 degrees, a saturation of 100% and a lightness of 55.3%. #ff331b color hex could be obtained by blending #ff6636 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 20
- B 11
-
- C 0
- M 80
- Y 89
- K 0
● #ff331b color description : Vivid red.
#ff331b Color Conversion
The hexadecimal color #ff331b has RGB values of R:255, G:51, B:27 and CMYK values of C:0, M:0.8, Y:0.89, K:0. Its decimal value is 16724763.
Hex triplet | ff331b | #ff331b |
---|---|---|
RGB Decimal | 255, 51, 27 | rgb(255,51,27) |
RGB Percent | 100, 20, 10.6 | rgb(100%,20%,10.6%) |
CMYK | 0, 80, 89, 0 | |
HSL | 6.3°, 100, 55.3 | hsl(6.3,100%,55.3%) |
HSV (or HSB) | 6.3°, 89.4, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.799, 73.238, 60.999 |
---|---|
XYZ | 42.624, 23.712, 3.37 |
xyY | 0.611, 0.34, 23.712 |
CIE-LCH | 55.799, 95.314, 39.79 |
CIE-LUV | 55.799, 159.306, 39.312 |
Hunter-Lab | 48.695, 71.028, 29.984 |
Binary | 11111111, 00110011, 00011011 |
Color Schemes with #ff331b
Alternatives to #ff331b
Below, you can see some colors close to #ff331b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff331b Preview
This text has a font color of #ff331b.
<span style="color:#ff331b;">Text here</span>
This paragraph has a background color of #ff331b.
<p style="background-color:#ff331b;">Content here</p>
This element has a border color of #ff331b.
<div style="border:1px solid #ff331b;">Content here</div>
.text {color:#ff331b;}
.background {background-color:#ff331b;}
.border {border:1px solid #ff331b;}
Shades and Tints of #ff331b
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, #070100 is the darkest color, while #fff4f3 is the lightest one.
-
#070100
#070100
rgb(7,1,0)
-
#1b0300
#1b0300
rgb(27,3,0)
-
#2f0500
#2f0500
rgb(47,5,0)
-
#420700
#420700
rgb(66,7,0)
-
#560900
#560900
rgb(86,9,0)
-
#690b00
#690b00
rgb(105,11,0)
-
#7d0d00
#7d0d00
rgb(125,13,0)
-
#910f00
#910f00
rgb(145,15,0)
-
#a41100
#a41100
rgb(164,17,0)
-
#b81300
#b81300
rgb(184,19,0)
-
#cc1500
#cc1500
rgb(204,21,0)
-
#df1700
#df1700
rgb(223,23,0)
-
#f31a00
#f31a00
rgb(243,26,0)
-
#ff2107
#ff2107
rgb(255,33,7)
-
#ff331b
#ff331b
rgb(255,51,27)
-
#ff452f
#ff452f
rgb(255,69,47)
-
#ff5642
#ff5642
rgb(255,86,66)
-
#ff6856
#ff6856
rgb(255,104,86)
-
#ff7969
#ff7969
rgb(255,121,105)
-
#ff8b7d
#ff8b7d
rgb(255,139,125)
-
#ff9c91
#ff9c91
rgb(255,156,145)
-
#ffaea4
#ffaea4
rgb(255,174,164)
-
#ffbfb8
#ffbfb8
rgb(255,191,184)
-
#ffd1cc
#ffd1cc
rgb(255,209,204)
-
#ffe3df
#ffe3df
rgb(255,227,223)
-
#fff4f3
#fff4f3
rgb(255,244,243)
Tones of #ff331b
A tone is produced by adding gray to any pure hue. In this case, #968684 is the less saturated color, while #ff331b is the most saturated one.
-
#968684
#968684
rgb(150,134,132)
-
#9f7f7b
#9f7f7b
rgb(159,127,123)
-
#a77873
#a77873
rgb(167,120,115)
-
#b0716a
#b0716a
rgb(176,113,106)
-
#b96a61
#b96a61
rgb(185,106,97)
-
#c26358
#c26358
rgb(194,99,88)
-
#ca5d50
#ca5d50
rgb(202,93,80)
-
#d35647
#d35647
rgb(211,86,71)
-
#dc4f3e
#dc4f3e
rgb(220,79,62)
-
#e54835
#e54835
rgb(229,72,53)
-
#ed412d
#ed412d
rgb(237,65,45)
-
#f63a24
#f63a24
rgb(246,58,36)
-
#ff331b
#ff331b
rgb(255,51,27)
Color Blindness Simulator
Below, you can see how #ff331b 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.