#f85412 Color Information
In a RGB color space, hex #f85412 is composed of 97.3% red, 32.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 17.2 degrees, a saturation of 94.3% and a lightness of 52.2%. #f85412 color hex could be obtained by blending #ffa824 with #f10000. Closest websafe color is: #ff6600.
-
- R 97
- G 33
- B 7
-
- C 0
- M 66
- Y 93
- K 3
● #f85412 color description : Vivid orange.
#f85412 Color Conversion
The hexadecimal color #f85412 has RGB values of R:248, G:84, B:18 and CMYK values of C:0, M:0.66, Y:0.93, K:0.03. Its decimal value is 16274450.
Hex triplet | f85412 | #f85412 |
---|---|---|
RGB Decimal | 248, 84, 18 | rgb(248,84,18) |
RGB Percent | 97.3, 32.9, 7.1 | rgb(97.3%,32.9%,7.1%) |
CMYK | 0, 66, 93, 3 | |
HSL | 17.2°, 94.3, 52.2 | hsl(17.2,94.3%,52.2%) |
HSV (or HSB) | 17.2°, 92.7, 97.3 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 58.364, 60.284, 64.948 |
---|---|
XYZ | 41.993, 26.346, 3.446 |
xyY | 0.585, 0.367, 26.346 |
CIE-LCH | 58.364, 88.614, 47.133 |
CIE-LUV | 58.364, 134.676, 46.662 |
Hunter-Lab | 51.328, 56.212, 31.949 |
Binary | 11111000, 01010100, 00010010 |
Color Schemes with #f85412
Alternatives to #f85412
Below, you can see some colors close to #f85412. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85412 Preview
This text has a font color of #f85412.
<span style="color:#f85412;">Text here</span>
This paragraph has a background color of #f85412.
<p style="background-color:#f85412;">Content here</p>
This element has a border color of #f85412.
<div style="border:1px solid #f85412;">Content here</div>
.text {color:#f85412;}
.background {background-color:#f85412;}
.border {border:1px solid #f85412;}
Shades and Tints of #f85412
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, #0b0300 is the darkest color, while #fff9f7 is the lightest one.
-
#0b0300
#0b0300
rgb(11,3,0)
-
#1e0901
#1e0901
rgb(30,9,1)
-
#310f01
#310f01
rgb(49,15,1)
-
#441502
#441502
rgb(68,21,2)
-
#571b03
#571b03
rgb(87,27,3)
-
#6a2103
#6a2103
rgb(106,33,3)
-
#7d2704
#7d2704
rgb(125,39,4)
-
#902c04
#902c04
rgb(144,44,4)
-
#a33205
#a33205
rgb(163,50,5)
-
#b63805
#b63805
rgb(182,56,5)
-
#c93e06
#c93e06
rgb(201,62,6)
-
#dc4407
#dc4407
rgb(220,68,7)
-
#ef4a07
#ef4a07
rgb(239,74,7)
-
#f85412
#f85412
rgb(248,84,18)
-
#f96225
#f96225
rgb(249,98,37)
-
#f96f38
#f96f38
rgb(249,111,56)
-
#fa7d4b
#fa7d4b
rgb(250,125,75)
-
#fa8b5e
#fa8b5e
rgb(250,139,94)
-
#fb9971
#fb9971
rgb(251,153,113)
-
#fba684
#fba684
rgb(251,166,132)
-
#fcb497
#fcb497
rgb(252,180,151)
-
#fdc2aa
#fdc2aa
rgb(253,194,170)
-
#fdd0bd
#fdd0bd
rgb(253,208,189)
-
#feddd1
#feddd1
rgb(254,221,209)
-
#feebe4
#feebe4
rgb(254,235,228)
-
#fff9f7
#fff9f7
rgb(255,249,247)
Tones of #f85412
A tone is produced by adding gray to any pure hue. In this case, #878483 is the less saturated color, while #f85412 is the most saturated one.
-
#878483
#878483
rgb(135,132,131)
-
#918079
#918079
rgb(145,128,121)
-
#9a7c70
#9a7c70
rgb(154,124,112)
-
#a47866
#a47866
rgb(164,120,102)
-
#ad745d
#ad745d
rgb(173,116,93)
-
#b67054
#b67054
rgb(182,112,84)
-
#c06c4a
#c06c4a
rgb(192,108,74)
-
#c96841
#c96841
rgb(201,104,65)
-
#d26438
#d26438
rgb(210,100,56)
-
#dc602e
#dc602e
rgb(220,96,46)
-
#e55c25
#e55c25
rgb(229,92,37)
-
#ef581b
#ef581b
rgb(239,88,27)
-
#f85412
#f85412
rgb(248,84,18)
Color Blindness Simulator
Below, you can see how #f85412 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.