#fa333f Color Information
In a RGB color space, hex #fa333f is composed of 98% red, 20% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 74.8% yellow and 2% black. It has a hue angle of 356.4 degrees, a saturation of 95.2% and a lightness of 59%. #fa333f color hex could be obtained by blending #ff667e with #f50000. Closest websafe color is: #ff3333.
-
- R 98
- G 20
- B 25
-
- C 0
- M 80
- Y 75
- K 2
● #fa333f color description : Bright red.
#fa333f Color Conversion
The hexadecimal color #fa333f has RGB values of R:250, G:51, B:63 and CMYK values of C:0, M:0.8, Y:0.75, K:0.02. Its decimal value is 16397119.
Hex triplet | fa333f | #fa333f |
---|---|---|
RGB Decimal | 250, 51, 63 | rgb(250,51,63) |
RGB Percent | 98, 20, 24.7 | rgb(98%,20%,24.7%) |
CMYK | 0, 80, 75, 2 | |
HSL | 356.4°, 95.2, 59 | hsl(356.4,95.2%,59%) |
HSV (or HSB) | 356.4°, 79.6, 98 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.13, 72.75, 42.643 |
---|---|
XYZ | 41.507, 23.056, 6.967 |
xyY | 0.58, 0.322, 23.056 |
CIE-LCH | 55.13, 84.327, 30.377 |
CIE-LUV | 55.13, 149.682, 28.625 |
Hunter-Lab | 48.016, 70.275, 25.009 |
Binary | 11111010, 00110011, 00111111 |
Color Schemes with #fa333f
Alternatives to #fa333f
Below, you can see some colors close to #fa333f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa333f Preview
This text has a font color of #fa333f.
<span style="color:#fa333f;">Text here</span>
This paragraph has a background color of #fa333f.
<p style="background-color:#fa333f;">Content here</p>
This element has a border color of #fa333f.
<div style="border:1px solid #fa333f;">Content here</div>
.text {color:#fa333f;}
.background {background-color:#fa333f;}
.border {border:1px solid #fa333f;}
Shades and Tints of #fa333f
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, #070001 is the darkest color, while #fff2f3 is the lightest one.
-
#070001
#070001
rgb(7,0,1)
-
#1a0102
#1a0102
rgb(26,1,2)
-
#2d0104
#2d0104
rgb(45,1,4)
-
#400205
#400205
rgb(64,2,5)
-
#530207
#530207
rgb(83,2,7)
-
#660309
#660309
rgb(102,3,9)
-
#79030a
#79030a
rgb(121,3,10)
-
#8d030c
#8d030c
rgb(141,3,12)
-
#a0040d
#a0040d
rgb(160,4,13)
-
#b3040f
#b3040f
rgb(179,4,15)
-
#c60511
#c60511
rgb(198,5,17)
-
#d90512
#d90512
rgb(217,5,18)
-
#ec0614
#ec0614
rgb(236,6,20)
-
#f90d1b
#f90d1b
rgb(249,13,27)
-
#fa202d
#fa202d
rgb(250,32,45)
-
#fa333f
#fa333f
rgb(250,51,63)
-
#fa4651
#fa4651
rgb(250,70,81)
-
#fb5963
#fb5963
rgb(251,89,99)
-
#fb6c75
#fb6c75
rgb(251,108,117)
-
#fc8087
#fc8087
rgb(252,128,135)
-
#fc9399
#fc9399
rgb(252,147,153)
-
#fda6ab
#fda6ab
rgb(253,166,171)
-
#fdb9bd
#fdb9bd
rgb(253,185,189)
-
#fecccf
#fecccf
rgb(254,204,207)
-
#fedfe1
#fedfe1
rgb(254,223,225)
-
#fff2f3
#fff2f3
rgb(255,242,243)
Tones of #fa333f
A tone is produced by adding gray to any pure hue. In this case, #9a9394 is the less saturated color, while #fa333f is the most saturated one.
-
#9a9394
#9a9394
rgb(154,147,148)
-
#a28b8d
#a28b8d
rgb(162,139,141)
-
#aa8386
#aa8386
rgb(170,131,134)
-
#b27b7f
#b27b7f
rgb(178,123,127)
-
#ba7378
#ba7378
rgb(186,115,120)
-
#c26b70
#c26b70
rgb(194,107,112)
-
#ca6369
#ca6369
rgb(202,99,105)
-
#d25b62
#d25b62
rgb(210,91,98)
-
#da535b
#da535b
rgb(218,83,91)
-
#e24b54
#e24b54
rgb(226,75,84)
-
#ea434d
#ea434d
rgb(234,67,77)
-
#f23b46
#f23b46
rgb(242,59,70)
-
#fa333f
#fa333f
rgb(250,51,63)
Color Blindness Simulator
Below, you can see how #fa333f 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.