#ff331a Color Information
In a RGB color space, hex #ff331a is composed of 100% red, 20% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 89.8% yellow and 0% black. It has a hue angle of 6.6 degrees, a saturation of 100% and a lightness of 55.1%. #ff331a color hex could be obtained by blending #ff6634 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 20
- B 10
-
- C 0
- M 80
- Y 90
- K 0
● #ff331a color description : Vivid red.
#ff331a Color Conversion
The hexadecimal color #ff331a has RGB values of R:255, G:51, B:26 and CMYK values of C:0, M:0.8, Y:0.9, K:0. Its decimal value is 16724762.
Hex triplet | ff331a | #ff331a |
---|---|---|
RGB Decimal | 255, 51, 26 | rgb(255,51,26) |
RGB Percent | 100, 20, 10.2 | rgb(100%,20%,10.2%) |
CMYK | 0, 80, 90, 0 | |
HSL | 6.6°, 100, 55.1 | hsl(6.6,100%,55.1%) |
HSV (or HSB) | 6.6°, 89.8, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.794, 73.224, 61.366 |
---|---|
XYZ | 42.613, 23.708, 3.31 |
xyY | 0.612, 0.34, 23.708 |
CIE-LCH | 55.794, 95.538, 39.965 |
CIE-LUV | 55.794, 159.404, 39.477 |
Hunter-Lab | 48.691, 71.01, 30.053 |
Binary | 11111111, 00110011, 00011010 |
Color Schemes with #ff331a
Alternatives to #ff331a
Below, you can see some colors close to #ff331a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff331a Preview
This text has a font color of #ff331a.
<span style="color:#ff331a;">Text here</span>
This paragraph has a background color of #ff331a.
<p style="background-color:#ff331a;">Content here</p>
This element has a border color of #ff331a.
<div style="border:1px solid #ff331a;">Content here</div>
.text {color:#ff331a;}
.background {background-color:#ff331a;}
.border {border:1px solid #ff331a;}
Shades and Tints of #ff331a
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, #060100 is the darkest color, while #fff3f2 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#1a0300
#1a0300
rgb(26,3,0)
-
#2e0500
#2e0500
rgb(46,5,0)
-
#410700
#410700
rgb(65,7,0)
-
#550900
#550900
rgb(85,9,0)
-
#680b00
#680b00
rgb(104,11,0)
-
#7c0e00
#7c0e00
rgb(124,14,0)
-
#901000
#901000
rgb(144,16,0)
-
#a31200
#a31200
rgb(163,18,0)
-
#b71400
#b71400
rgb(183,20,0)
-
#cb1600
#cb1600
rgb(203,22,0)
-
#de1800
#de1800
rgb(222,24,0)
-
#f21a00
#f21a00
rgb(242,26,0)
-
#ff2206
#ff2206
rgb(255,34,6)
-
#ff331a
#ff331a
rgb(255,51,26)
-
#ff442e
#ff442e
rgb(255,68,46)
-
#ff5641
#ff5641
rgb(255,86,65)
-
#ff6755
#ff6755
rgb(255,103,85)
-
#ff7968
#ff7968
rgb(255,121,104)
-
#ff8a7c
#ff8a7c
rgb(255,138,124)
-
#ff9c90
#ff9c90
rgb(255,156,144)
-
#ffada3
#ffada3
rgb(255,173,163)
-
#ffbfb7
#ffbfb7
rgb(255,191,183)
-
#ffd0cb
#ffd0cb
rgb(255,208,203)
-
#ffe2de
#ffe2de
rgb(255,226,222)
-
#fff3f2
#fff3f2
rgb(255,243,242)
Tones of #ff331a
A tone is produced by adding gray to any pure hue. In this case, #958684 is the less saturated color, while #ff331a is the most saturated one.
-
#958684
#958684
rgb(149,134,132)
-
#9e7f7b
#9e7f7b
rgb(158,127,123)
-
#a77872
#a77872
rgb(167,120,114)
-
#b07169
#b07169
rgb(176,113,105)
-
#b96a60
#b96a60
rgb(185,106,96)
-
#c16358
#c16358
rgb(193,99,88)
-
#ca5c4f
#ca5c4f
rgb(202,92,79)
-
#d35546
#d35546
rgb(211,85,70)
-
#dc4f3d
#dc4f3d
rgb(220,79,61)
-
#e54834
#e54834
rgb(229,72,52)
-
#ed412c
#ed412c
rgb(237,65,44)
-
#f63a23
#f63a23
rgb(246,58,35)
-
#ff331a
#ff331a
rgb(255,51,26)
Color Blindness Simulator
Below, you can see how #ff331a 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.