#fa363a Color Information
In a RGB color space, hex #fa363a is composed of 98% red, 21.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 76.8% yellow and 2% black. It has a hue angle of 358.8 degrees, a saturation of 95.1% and a lightness of 59.6%. #fa363a color hex could be obtained by blending #ff6c74 with #f50000. Closest websafe color is: #ff3333.
-
- R 98
- G 21
- B 23
-
- C 0
- M 78
- Y 77
- K 2
● #fa363a color description : Bright red.
#fa363a Color Conversion
The hexadecimal color #fa363a has RGB values of R:250, G:54, B:58 and CMYK values of C:0, M:0.78, Y:0.77, K:0.02. Its decimal value is 16397882.
Hex triplet | fa363a | #fa363a |
---|---|---|
RGB Decimal | 250, 54, 58 | rgb(250,54,58) |
RGB Percent | 98, 21.2, 22.7 | rgb(98%,21.2%,22.7%) |
CMYK | 0, 78, 77, 2 | |
HSL | 358.8°, 95.1, 59.6 | hsl(358.8,95.1%,59.6%) |
HSV (or HSB) | 358.8°, 78.4, 98 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.352, 71.796, 45.628 |
---|---|
XYZ | 41.509, 23.273, 6.309 |
xyY | 0.584, 0.327, 23.273 |
CIE-LCH | 55.352, 85.068, 32.437 |
CIE-LUV | 55.352, 149.379, 31.027 |
Hunter-Lab | 48.242, 69.165, 26.015 |
Binary | 11111010, 00110110, 00111010 |
Color Schemes with #fa363a
Alternatives to #fa363a
Below, you can see some colors close to #fa363a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa363a Preview
This text has a font color of #fa363a.
<span style="color:#fa363a;">Text here</span>
This paragraph has a background color of #fa363a.
<p style="background-color:#fa363a;">Content here</p>
This element has a border color of #fa363a.
<div style="border:1px solid #fa363a;">Content here</div>
.text {color:#fa363a;}
.background {background-color:#fa363a;}
.border {border:1px solid #fa363a;}
Shades and Tints of #fa363a
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, #0a0000 is the darkest color, while #fff5f6 is the lightest one.
-
#0a0000
#0a0000
rgb(10,0,0)
-
#1d0101
#1d0101
rgb(29,1,1)
-
#300102
#300102
rgb(48,1,2)
-
#430203
#430203
rgb(67,2,3)
-
#560204
#560204
rgb(86,2,4)
-
#690305
#690305
rgb(105,3,5)
-
#7c0306
#7c0306
rgb(124,3,6)
-
#900406
#900406
rgb(144,4,6)
-
#a30407
#a30407
rgb(163,4,7)
-
#b60508
#b60508
rgb(182,5,8)
-
#c90509
#c90509
rgb(201,5,9)
-
#dc050a
#dc050a
rgb(220,5,10)
-
#ef060b
#ef060b
rgb(239,6,11)
-
#f91014
#f91014
rgb(249,16,20)
-
#fa2327
#fa2327
rgb(250,35,39)
-
#fa363a
#fa363a
rgb(250,54,58)
-
#fa494d
#fa494d
rgb(250,73,77)
-
#fb5c60
#fb5c60
rgb(251,92,96)
-
#fb6f72
#fb6f72
rgb(251,111,114)
-
#fc8385
#fc8385
rgb(252,131,133)
-
#fc9698
#fc9698
rgb(252,150,152)
-
#fda9ab
#fda9ab
rgb(253,169,171)
-
#fdbcbd
#fdbcbd
rgb(253,188,189)
-
#fecfd0
#fecfd0
rgb(254,207,208)
-
#fee2e3
#fee2e3
rgb(254,226,227)
-
#fff5f6
#fff5f6
rgb(255,245,246)
Tones of #fa363a
A tone is produced by adding gray to any pure hue. In this case, #9b9595 is the less saturated color, while #fa363a is the most saturated one.
-
#9b9595
#9b9595
rgb(155,149,149)
-
#a38d8e
#a38d8e
rgb(163,141,142)
-
#ab8586
#ab8586
rgb(171,133,134)
-
#b37d7e
#b37d7e
rgb(179,125,126)
-
#bb7577
#bb7577
rgb(187,117,119)
-
#c36d6f
#c36d6f
rgb(195,109,111)
-
#ca6668
#ca6668
rgb(202,102,104)
-
#d25e60
#d25e60
rgb(210,94,96)
-
#da5658
#da5658
rgb(218,86,88)
-
#e24e51
#e24e51
rgb(226,78,81)
-
#ea4649
#ea4649
rgb(234,70,73)
-
#f23e42
#f23e42
rgb(242,62,66)
-
#fa363a
#fa363a
rgb(250,54,58)
Color Blindness Simulator
Below, you can see how #fa363a 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.