#fc553a Color Information
In a RGB color space, hex #fc553a is composed of 98.8% red, 33.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 77% yellow and 1.2% black. It has a hue angle of 8.4 degrees, a saturation of 97% and a lightness of 60.8%. #fc553a color hex could be obtained by blending #ffaa74 with #f90000. Closest websafe color is: #ff6633.
-
- R 99
- G 33
- B 23
-
- C 0
- M 66
- Y 77
- K 1
● #fc553a color description : Bright red.
#fc553a Color Conversion
The hexadecimal color #fc553a has RGB values of R:252, G:85, B:58 and CMYK values of C:0, M:0.66, Y:0.77, K:0.01. Its decimal value is 16536890.
Hex triplet | fc553a | #fc553a |
---|---|---|
RGB Decimal | 252, 85, 58 | rgb(252,85,58) |
RGB Percent | 98.8, 33.3, 22.7 | rgb(98.8%,33.3%,22.7%) |
CMYK | 0, 66, 77, 1 | |
HSL | 8.4°, 97, 60.8 | hsl(8.4,97%,60.8%) |
HSV (or HSB) | 8.4°, 77, 98.8 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.437, 62.096, 49.996 |
---|---|
XYZ | 44.159, 27.503, 6.986 |
xyY | 0.561, 0.35, 27.503 |
CIE-LCH | 59.437, 79.722, 38.839 |
CIE-LUV | 59.437, 132.866, 38.532 |
Hunter-Lab | 52.443, 58.528, 28.812 |
Binary | 11111100, 01010101, 00111010 |
Color Schemes with #fc553a
Alternatives to #fc553a
Below, you can see some colors close to #fc553a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fc553a Preview
This text has a font color of #fc553a.
<span style="color:#fc553a;">Text here</span>
This paragraph has a background color of #fc553a.
<p style="background-color:#fc553a;">Content here</p>
This element has a border color of #fc553a.
<div style="border:1px solid #fc553a;">Content here</div>
.text {color:#fc553a;}
.background {background-color:#fc553a;}
.border {border:1px solid #fc553a;}
Shades and Tints of #fc553a
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, #100200 is the darkest color, while #fffcfb is the lightest one.
-
#100200
#100200
rgb(16,2,0)
-
#230501
#230501
rgb(35,5,1)
-
#360801
#360801
rgb(54,8,1)
-
#490b01
#490b01
rgb(73,11,1)
-
#5d0e01
#5d0e01
rgb(93,14,1)
-
#701102
#701102
rgb(112,17,2)
-
#831402
#831402
rgb(131,20,2)
-
#971702
#971702
rgb(151,23,2)
-
#aa1a03
#aa1a03
rgb(170,26,3)
-
#bd1d03
#bd1d03
rgb(189,29,3)
-
#d12003
#d12003
rgb(209,32,3)
-
#e42303
#e42303
rgb(228,35,3)
-
#f72604
#f72604
rgb(247,38,4)
-
#fb3413
#fb3413
rgb(251,52,19)
-
#fc4427
#fc4427
rgb(252,68,39)
-
#fc553a
#fc553a
rgb(252,85,58)
-
#fc664d
#fc664d
rgb(252,102,77)
-
#fd7661
#fd7661
rgb(253,118,97)
-
#fd8774
#fd8774
rgb(253,135,116)
-
#fd9887
#fd9887
rgb(253,152,135)
-
#fda89b
#fda89b
rgb(253,168,155)
-
#feb9ae
#feb9ae
rgb(254,185,174)
-
#fecac1
#fecac1
rgb(254,202,193)
-
#fedad5
#fedad5
rgb(254,218,213)
-
#ffebe8
#ffebe8
rgb(255,235,232)
-
#fffcfb
#fffcfb
rgb(255,252,251)
Tones of #fc553a
A tone is produced by adding gray to any pure hue. In this case, #a09896 is the less saturated color, while #fc553a is the most saturated one.
-
#a09896
#a09896
rgb(160,152,150)
-
#a7928f
#a7928f
rgb(167,146,143)
-
#af8d87
#af8d87
rgb(175,141,135)
-
#b7877f
#b7877f
rgb(183,135,127)
-
#be8178
#be8178
rgb(190,129,120)
-
#c67c70
#c67c70
rgb(198,124,112)
-
#ce7668
#ce7668
rgb(206,118,104)
-
#d67160
#d67160
rgb(214,113,96)
-
#dd6b59
#dd6b59
rgb(221,107,89)
-
#e56651
#e56651
rgb(229,102,81)
-
#ed6049
#ed6049
rgb(237,96,73)
-
#f45b42
#f45b42
rgb(244,91,66)
-
#fc553a
#fc553a
rgb(252,85,58)
Color Blindness Simulator
Below, you can see how #fc553a 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.