#fc222a Color Information
In a RGB color space, hex #fc222a is composed of 98.8% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 83.3% yellow and 1.2% black. It has a hue angle of 357.8 degrees, a saturation of 97.3% and a lightness of 56.1%. #fc222a color hex could be obtained by blending #ff4454 with #f90000. Closest websafe color is: #ff3333.
-
- R 99
- G 13
- B 16
-
- C 0
- M 87
- Y 83
- K 1
● #fc222a color description : Vivid red.
#fc222a Color Conversion
The hexadecimal color #fc222a has RGB values of R:252, G:34, B:42 and CMYK values of C:0, M:0.87, Y:0.83, K:0.01. Its decimal value is 16523818.
Hex triplet | fc222a | #fc222a |
---|---|---|
RGB Decimal | 252, 34, 42 | rgb(252,34,42) |
RGB Percent | 98.8, 13.3, 16.5 | rgb(98.8%,13.3%,16.5%) |
CMYK | 0, 87, 83, 1 | |
HSL | 357.8°, 97.3, 56.1 | hsl(357.8,97.3%,56.1%) |
HSV (or HSB) | 357.8°, 86.5, 98.8 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.04, 76.316, 52.792 |
---|---|
XYZ | 41.137, 22.012, 4.273 |
xyY | 0.61, 0.326, 22.012 |
CIE-LCH | 54.04, 92.796, 34.674 |
CIE-LUV | 54.04, 161.943, 33.29 |
Hunter-Lab | 46.917, 74.405, 27.442 |
Binary | 11111100, 00100010, 00101010 |
Color Schemes with #fc222a
Alternatives to #fc222a
Below, you can see some colors close to #fc222a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fc222a Preview
This text has a font color of #fc222a.
<span style="color:#fc222a;">Text here</span>
This paragraph has a background color of #fc222a.
<p style="background-color:#fc222a;">Content here</p>
This element has a border color of #fc222a.
<div style="border:1px solid #fc222a;">Content here</div>
.text {color:#fc222a;}
.background {background-color:#fc222a;}
.border {border:1px solid #fc222a;}
Shades and Tints of #fc222a
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, #0b0001 is the darkest color, while #fff7f7 is the lightest one.
-
#0b0001
#0b0001
rgb(11,0,1)
-
#1f0002
#1f0002
rgb(31,0,2)
-
#320102
#320102
rgb(50,1,2)
-
#450103
#450103
rgb(69,1,3)
-
#590104
#590104
rgb(89,1,4)
-
#6c0105
#6c0105
rgb(108,1,5)
-
#7f0206
#7f0206
rgb(127,2,6)
-
#930207
#930207
rgb(147,2,7)
-
#a60208
#a60208
rgb(166,2,8)
-
#b90309
#b90309
rgb(185,3,9)
-
#cd030a
#cd030a
rgb(205,3,10)
-
#e0030b
#e0030b
rgb(224,3,11)
-
#f3030c
#f3030c
rgb(243,3,12)
-
#fc0f17
#fc0f17
rgb(252,15,23)
-
#fc222a
#fc222a
rgb(252,34,42)
-
#fc353d
#fc353d
rgb(252,53,61)
-
#fd494f
#fd494f
rgb(253,73,79)
-
#fd5c62
#fd5c62
rgb(253,92,98)
-
#fd6f75
#fd6f75
rgb(253,111,117)
-
#fd8387
#fd8387
rgb(253,131,135)
-
#fe969a
#fe969a
rgb(254,150,154)
-
#fea9ad
#fea9ad
rgb(254,169,173)
-
#febdbf
#febdbf
rgb(254,189,191)
-
#fed0d2
#fed0d2
rgb(254,208,210)
-
#ffe4e5
#ffe4e5
rgb(255,228,229)
-
#fff7f7
#fff7f7
rgb(255,247,247)
Tones of #fc222a
A tone is produced by adding gray to any pure hue. In this case, #95898a is the less saturated color, while #fc222a is the most saturated one.
-
#95898a
#95898a
rgb(149,137,138)
-
#9d8182
#9d8182
rgb(157,129,130)
-
#a6787a
#a6787a
rgb(166,120,122)
-
#ae7072
#ae7072
rgb(174,112,114)
-
#b7676a
#b7676a
rgb(183,103,106)
-
#c05e62
#c05e62
rgb(192,94,98)
-
#c8565a
#c8565a
rgb(200,86,90)
-
#d14d52
#d14d52
rgb(209,77,82)
-
#da444a
#da444a
rgb(218,68,74)
-
#e23c42
#e23c42
rgb(226,60,66)
-
#eb333a
#eb333a
rgb(235,51,58)
-
#f32b32
#f32b32
rgb(243,43,50)
-
#fc222a
#fc222a
rgb(252,34,42)
Color Blindness Simulator
Below, you can see how #fc222a 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.