#f54f06 Color Information
In a RGB color space, hex #f54f06 is composed of 96.1% red, 31% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 97.6% yellow and 3.9% black. It has a hue angle of 18.3 degrees, a saturation of 95.2% and a lightness of 49.2%. #f54f06 color hex could be obtained by blending #ff9e0c with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 31
- B 2
-
- C 0
- M 68
- Y 98
- K 4
● #f54f06 color description : Vivid orange.
#f54f06 Color Conversion
The hexadecimal color #f54f06 has RGB values of R:245, G:79, B:6 and CMYK values of C:0, M:0.68, Y:0.98, K:0.04. Its decimal value is 16076550.
Hex triplet | f54f06 | #f54f06 |
---|---|---|
RGB Decimal | 245, 79, 6 | rgb(245,79,6) |
RGB Percent | 96.1, 31, 2.4 | rgb(96.1%,31%,2.4%) |
CMYK | 0, 68, 98, 4 | |
HSL | 18.3°, 95.2, 49.2 | hsl(18.3,95.2%,49.2%) |
HSV (or HSB) | 18.3°, 97.6, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 57.097, 61.135, 66.507 |
---|---|
XYZ | 40.487, 25.022, 2.87 |
xyY | 0.592, 0.366, 25.022 |
CIE-LCH | 57.097, 90.336, 47.41 |
CIE-LUV | 57.097, 136.371, 46.211 |
Hunter-Lab | 50.022, 56.935, 31.614 |
Binary | 11110101, 01001111, 00000110 |
Color Schemes with #f54f06
Alternatives to #f54f06
Below, you can see some colors close to #f54f06. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54f06 Preview
This text has a font color of #f54f06.
<span style="color:#f54f06;">Text here</span>
This paragraph has a background color of #f54f06.
<p style="background-color:#f54f06;">Content here</p>
This element has a border color of #f54f06.
<div style="border:1px solid #f54f06;">Content here</div>
.text {color:#f54f06;}
.background {background-color:#f54f06;}
.border {border:1px solid #f54f06;}
Shades and Tints of #f54f06
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, #0f0500 is the darkest color, while #fffcfb is the lightest one.
-
#0f0500
#0f0500
rgb(15,5,0)
-
#220b01
#220b01
rgb(34,11,1)
-
#361101
#361101
rgb(54,17,1)
-
#491702
#491702
rgb(73,23,2)
-
#5c1e02
#5c1e02
rgb(92,30,2)
-
#6f2403
#6f2403
rgb(111,36,3)
-
#822a03
#822a03
rgb(130,42,3)
-
#953004
#953004
rgb(149,48,4)
-
#a83604
#a83604
rgb(168,54,4)
-
#bc3c05
#bc3c05
rgb(188,60,5)
-
#cf4305
#cf4305
rgb(207,67,5)
-
#e24906
#e24906
rgb(226,73,6)
-
#f54f06
#f54f06
rgb(245,79,6)
-
#f95b15
#f95b15
rgb(249,91,21)
-
#fa6828
#fa6828
rgb(250,104,40)
-
#fa763c
#fa763c
rgb(250,118,60)
-
#fb834f
#fb834f
rgb(251,131,79)
-
#fb9162
#fb9162
rgb(251,145,98)
-
#fc9e75
#fc9e75
rgb(252,158,117)
-
#fcac88
#fcac88
rgb(252,172,136)
-
#fdb99b
#fdb99b
rgb(253,185,155)
-
#fdc6af
#fdc6af
rgb(253,198,175)
-
#fdd4c2
#fdd4c2
rgb(253,212,194)
-
#fee1d5
#fee1d5
rgb(254,225,213)
-
#feefe8
#feefe8
rgb(254,239,232)
-
#fffcfb
#fffcfb
rgb(255,252,251)
Tones of #f54f06
A tone is produced by adding gray to any pure hue. In this case, #817c7a is the less saturated color, while #f54f06 is the most saturated one.
-
#817c7a
#817c7a
rgb(129,124,122)
-
#8b7870
#8b7870
rgb(139,120,112)
-
#947567
#947567
rgb(148,117,103)
-
#9e715d
#9e715d
rgb(158,113,93)
-
#a86d53
#a86d53
rgb(168,109,83)
-
#b1694a
#b1694a
rgb(177,105,74)
-
#bb6640
#bb6640
rgb(187,102,64)
-
#c56236
#c56236
rgb(197,98,54)
-
#ce5e2d
#ce5e2d
rgb(206,94,45)
-
#d85a23
#d85a23
rgb(216,90,35)
-
#e25719
#e25719
rgb(226,87,25)
-
#eb5310
#eb5310
rgb(235,83,16)
-
#f54f06
#f54f06
rgb(245,79,6)
Color Blindness Simulator
Below, you can see how #f54f06 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.