#f54c20 Color Information
In a RGB color space, hex #f54c20 is composed of 96.1% red, 29.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69% magenta, 86.9% yellow and 3.9% black. It has a hue angle of 12.4 degrees, a saturation of 91.4% and a lightness of 54.3%. #f54c20 color hex could be obtained by blending #ff9840 with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 30
- B 13
-
- C 0
- M 69
- Y 87
- K 4
● #f54c20 color description : Vivid red.
#f54c20 Color Conversion
The hexadecimal color #f54c20 has RGB values of R:245, G:76, B:32 and CMYK values of C:0, M:0.69, Y:0.87, K:0.04. Its decimal value is 16075808.
Hex triplet | f54c20 | #f54c20 |
---|---|---|
RGB Decimal | 245, 76, 32 | rgb(245,76,32) |
RGB Percent | 96.1, 29.8, 12.5 | rgb(96.1%,29.8%,12.5%) |
CMYK | 0, 69, 87, 4 | |
HSL | 12.4°, 91.4, 54.3 | hsl(12.4,91.4%,54.3%) |
HSV (or HSB) | 12.4°, 86.9, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.773, 62.585, 58.987 |
---|---|
XYZ | 40.503, 24.69, 3.999 |
xyY | 0.585, 0.357, 24.69 |
CIE-LCH | 56.773, 86.002, 43.305 |
CIE-LUV | 56.773, 136.758, 42.193 |
Hunter-Lab | 49.689, 58.544, 30.01 |
Binary | 11110101, 01001100, 00100000 |
Color Schemes with #f54c20
Alternatives to #f54c20
Below, you can see some colors close to #f54c20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54c20 Preview
This text has a font color of #f54c20.
<span style="color:#f54c20;">Text here</span>
This paragraph has a background color of #f54c20.
<p style="background-color:#f54c20;">Content here</p>
This element has a border color of #f54c20.
<div style="border:1px solid #f54c20;">Content here</div>
.text {color:#f54c20;}
.background {background-color:#f54c20;}
.border {border:1px solid #f54c20;}
Shades and Tints of #f54c20
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, #020100 is the darkest color, while #fef2ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150501
#150501
rgb(21,5,1)
-
#280a02
#280a02
rgb(40,10,2)
-
#3b0e03
#3b0e03
rgb(59,14,3)
-
#4d1303
#4d1303
rgb(77,19,3)
-
#601704
#601704
rgb(96,23,4)
-
#731c05
#731c05
rgb(115,28,5)
-
#862006
#862006
rgb(134,32,6)
-
#982507
#982507
rgb(152,37,7)
-
#ab2908
#ab2908
rgb(171,41,8)
-
#be2e09
#be2e09
rgb(190,46,9)
-
#d13309
#d13309
rgb(209,51,9)
-
#e4370a
#e4370a
rgb(228,55,10)
-
#f43d0d
#f43d0d
rgb(244,61,13)
-
#f54c20
#f54c20
rgb(245,76,32)
-
#f65b33
#f65b33
rgb(246,91,51)
-
#f76a46
#f76a46
rgb(247,106,70)
-
#f87958
#f87958
rgb(248,121,88)
-
#f8886b
#f8886b
rgb(248,136,107)
-
#f9977e
#f9977e
rgb(249,151,126)
-
#faa691
#faa691
rgb(250,166,145)
-
#fbb5a3
#fbb5a3
rgb(251,181,163)
-
#fcc5b6
#fcc5b6
rgb(252,197,182)
-
#fdd4c9
#fdd4c9
rgb(253,212,201)
-
#fde3dc
#fde3dc
rgb(253,227,220)
-
#fef2ef
#fef2ef
rgb(254,242,239)
Tones of #f54c20
A tone is produced by adding gray to any pure hue. In this case, #928683 is the less saturated color, while #fe4717 is the most saturated one.
-
#928683
#928683
rgb(146,134,131)
-
#9b817a
#9b817a
rgb(155,129,122)
-
#a47b71
#a47b71
rgb(164,123,113)
-
#ad7668
#ad7668
rgb(173,118,104)
-
#b6715f
#b6715f
rgb(182,113,95)
-
#bf6c56
#bf6c56
rgb(191,108,86)
-
#c8664d
#c8664d
rgb(200,102,77)
-
#d16144
#d16144
rgb(209,97,68)
-
#da5c3b
#da5c3b
rgb(218,92,59)
-
#e35732
#e35732
rgb(227,87,50)
-
#ec5129
#ec5129
rgb(236,81,41)
-
#f54c20
#f54c20
rgb(245,76,32)
-
#fe4717
#fe4717
rgb(254,71,23)
Color Blindness Simulator
Below, you can see how #f54c20 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.