#ff331c Color Information
In a RGB color space, hex #ff331c is composed of 100% red, 20% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 89% yellow and 0% black. It has a hue angle of 6.1 degrees, a saturation of 100% and a lightness of 55.5%. #ff331c color hex could be obtained by blending #ff6638 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 20
- B 11
-
- C 0
- M 80
- Y 89
- K 0
● #ff331c color description : Vivid red.
#ff331c Color Conversion
The hexadecimal color #ff331c has RGB values of R:255, G:51, B:28 and CMYK values of C:0, M:0.8, Y:0.89, K:0. Its decimal value is 16724764.
Hex triplet | ff331c | #ff331c |
---|---|---|
RGB Decimal | 255, 51, 28 | rgb(255,51,28) |
RGB Percent | 100, 20, 11 | rgb(100%,20%,11%) |
CMYK | 0, 80, 89, 0 | |
HSL | 6.1°, 100, 55.5 | hsl(6.1,100%,55.5%) |
HSV (or HSB) | 6.1°, 89, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.803, 73.253, 60.625 |
---|---|
XYZ | 42.636, 23.717, 3.432 |
xyY | 0.611, 0.34, 23.717 |
CIE-LCH | 55.803, 95.086, 39.611 |
CIE-LUV | 55.803, 159.204, 39.142 |
Hunter-Lab | 48.7, 71.047, 29.912 |
Binary | 11111111, 00110011, 00011100 |
Color Schemes with #ff331c
Alternatives to #ff331c
Below, you can see some colors close to #ff331c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff331c Preview
This text has a font color of #ff331c.
<span style="color:#ff331c;">Text here</span>
This paragraph has a background color of #ff331c.
<p style="background-color:#ff331c;">Content here</p>
This element has a border color of #ff331c.
<div style="border:1px solid #ff331c;">Content here</div>
.text {color:#ff331c;}
.background {background-color:#ff331c;}
.border {border:1px solid #ff331c;}
Shades and Tints of #ff331c
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, #080100 is the darkest color, while #fff5f4 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1c0300
#1c0300
rgb(28,3,0)
-
#300500
#300500
rgb(48,5,0)
-
#430700
#430700
rgb(67,7,0)
-
#570900
#570900
rgb(87,9,0)
-
#6a0b00
#6a0b00
rgb(106,11,0)
-
#7e0d00
#7e0d00
rgb(126,13,0)
-
#920f00
#920f00
rgb(146,15,0)
-
#a51100
#a51100
rgb(165,17,0)
-
#b91300
#b91300
rgb(185,19,0)
-
#cd1500
#cd1500
rgb(205,21,0)
-
#e01700
#e01700
rgb(224,23,0)
-
#f41900
#f41900
rgb(244,25,0)
-
#ff2108
#ff2108
rgb(255,33,8)
-
#ff331c
#ff331c
rgb(255,51,28)
-
#ff4530
#ff4530
rgb(255,69,48)
-
#ff5643
#ff5643
rgb(255,86,67)
-
#ff6857
#ff6857
rgb(255,104,87)
-
#ff7a6a
#ff7a6a
rgb(255,122,106)
-
#ff8b7e
#ff8b7e
rgb(255,139,126)
-
#ff9d92
#ff9d92
rgb(255,157,146)
-
#ffaea5
#ffaea5
rgb(255,174,165)
-
#ffc0b9
#ffc0b9
rgb(255,192,185)
-
#ffd2cd
#ffd2cd
rgb(255,210,205)
-
#ffe3e0
#ffe3e0
rgb(255,227,224)
-
#fff5f4
#fff5f4
rgb(255,245,244)
Tones of #ff331c
A tone is produced by adding gray to any pure hue. In this case, #968785 is the less saturated color, while #ff331c is the most saturated one.
-
#968785
#968785
rgb(150,135,133)
-
#9f807c
#9f807c
rgb(159,128,124)
-
#a87973
#a87973
rgb(168,121,115)
-
#b0726b
#b0726b
rgb(176,114,107)
-
#b96b62
#b96b62
rgb(185,107,98)
-
#c26459
#c26459
rgb(194,100,89)
-
#cb5d50
#cb5d50
rgb(203,93,80)
-
#d35648
#d35648
rgb(211,86,72)
-
#dc4f3f
#dc4f3f
rgb(220,79,63)
-
#e54836
#e54836
rgb(229,72,54)
-
#ee412d
#ee412d
rgb(238,65,45)
-
#f63a25
#f63a25
rgb(246,58,37)
-
#ff331c
#ff331c
rgb(255,51,28)
Color Blindness Simulator
Below, you can see how #ff331c 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.