#f54f16 Color Information
In a RGB color space, hex #f54f16 is composed of 96.1% red, 31% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 91% yellow and 3.9% black. It has a hue angle of 15.3 degrees, a saturation of 91.8% and a lightness of 52.4%. #f54f16 color hex could be obtained by blending #ff9e2c with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 31
- B 9
-
- C 0
- M 68
- Y 91
- K 4
● #f54f16 color description : Vivid orange.
#f54f16 Color Conversion
The hexadecimal color #f54f16 has RGB values of R:245, G:79, B:22 and CMYK values of C:0, M:0.68, Y:0.91, K:0.04. Its decimal value is 16076566.
Hex triplet | f54f16 | #f54f16 |
---|---|---|
RGB Decimal | 245, 79, 22 | rgb(245,79,22) |
RGB Percent | 96.1, 31, 8.6 | rgb(96.1%,31%,8.6%) |
CMYK | 0, 68, 91, 4 | |
HSL | 15.3°, 91.8, 52.4 | hsl(15.3,91.8%,52.4%) |
HSV (or HSB) | 15.3°, 91, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 57.141, 61.293, 62.758 |
---|---|
XYZ | 40.599, 25.067, 3.46 |
xyY | 0.587, 0.363, 25.067 |
CIE-LCH | 57.141, 87.724, 45.676 |
CIE-LUV | 57.141, 135.56, 44.591 |
Hunter-Lab | 50.067, 57.127, 30.95 |
Binary | 11110101, 01001111, 00010110 |
Color Schemes with #f54f16
Alternatives to #f54f16
Below, you can see some colors close to #f54f16. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54f16 Preview
This text has a font color of #f54f16.
<span style="color:#f54f16;">Text here</span>
This paragraph has a background color of #f54f16.
<p style="background-color:#f54f16;">Content here</p>
This element has a border color of #f54f16.
<div style="border:1px solid #f54f16;">Content here</div>
.text {color:#f54f16;}
.background {background-color:#f54f16;}
.border {border:1px solid #f54f16;}
Shades and Tints of #f54f16
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, #0c0300 is the darkest color, while #fff9f8 is the lightest one.
-
#0c0300
#0c0300
rgb(12,3,0)
-
#1e0901
#1e0901
rgb(30,9,1)
-
#310e02
#310e02
rgb(49,14,2)
-
#441403
#441403
rgb(68,20,3)
-
#571904
#571904
rgb(87,25,4)
-
#6a1e05
#6a1e05
rgb(106,30,5)
-
#7c2405
#7c2405
rgb(124,36,5)
-
#8f2906
#8f2906
rgb(143,41,6)
-
#a22f07
#a22f07
rgb(162,47,7)
-
#b53408
#b53408
rgb(181,52,8)
-
#c83909
#c83909
rgb(200,57,9)
-
#da3f09
#da3f09
rgb(218,63,9)
-
#ed440a
#ed440a
rgb(237,68,10)
-
#f54f16
#f54f16
rgb(245,79,22)
-
#f65d29
#f65d29
rgb(246,93,41)
-
#f76b3c
#f76b3c
rgb(247,107,60)
-
#f77a4e
#f77a4e
rgb(247,122,78)
-
#f88861
#f88861
rgb(248,136,97)
-
#f99674
#f99674
rgb(249,150,116)
-
#faa487
#faa487
rgb(250,164,135)
-
#fbb29a
#fbb29a
rgb(251,178,154)
-
#fbc1ac
#fbc1ac
rgb(251,193,172)
-
#fccfbf
#fccfbf
rgb(252,207,191)
-
#fdddd2
#fdddd2
rgb(253,221,210)
-
#feebe5
#feebe5
rgb(254,235,229)
-
#fff9f8
#fff9f8
rgb(255,249,248)
Tones of #f54f16
A tone is produced by adding gray to any pure hue. In this case, #8e817d is the less saturated color, while #fe4a0d is the most saturated one.
-
#8e817d
#8e817d
rgb(142,129,125)
-
#987d73
#987d73
rgb(152,125,115)
-
#a1786a
#a1786a
rgb(161,120,106)
-
#aa7461
#aa7461
rgb(170,116,97)
-
#b46f57
#b46f57
rgb(180,111,87)
-
#bd6a4e
#bd6a4e
rgb(189,106,78)
-
#c66645
#c66645
rgb(198,102,69)
-
#d0613b
#d0613b
rgb(208,97,59)
-
#d95d32
#d95d32
rgb(217,93,50)
-
#e25829
#e25829
rgb(226,88,41)
-
#ec541f
#ec541f
rgb(236,84,31)
-
#f54f16
#f54f16
rgb(245,79,22)
-
#fe4a0d
#fe4a0d
rgb(254,74,13)
Color Blindness Simulator
Below, you can see how #f54f16 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.