#f85012 Color Information
In a RGB color space, hex #f85012 is composed of 97.3% red, 31.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 16.2 degrees, a saturation of 94.3% and a lightness of 52.2%. #f85012 color hex could be obtained by blending #ffa024 with #f10000. Closest websafe color is: #ff6600.
-
- R 97
- G 31
- B 7
-
- C 0
- M 68
- Y 93
- K 3
● #f85012 color description : Vivid orange.
#f85012 Color Conversion
The hexadecimal color #f85012 has RGB values of R:248, G:80, B:18 and CMYK values of C:0, M:0.68, Y:0.93, K:0.03. Its decimal value is 16273426.
Hex triplet | f85012 | #f85012 |
---|---|---|
RGB Decimal | 248, 80, 18 | rgb(248,80,18) |
RGB Percent | 97.3, 31.4, 7.1 | rgb(97.3%,31.4%,7.1%) |
CMYK | 0, 68, 93, 3 | |
HSL | 16.2°, 94.3, 52.2 | hsl(16.2,94.3%,52.2%) |
HSV (or HSB) | 16.2°, 92.7, 97.3 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 57.792, 61.835, 64.584 |
---|---|
XYZ | 41.691, 25.742, 3.346 |
xyY | 0.589, 0.364, 25.742 |
CIE-LCH | 57.792, 89.413, 46.246 |
CIE-LUV | 57.792, 137.502, 45.664 |
Hunter-Lab | 50.737, 57.887, 31.606 |
Binary | 11111000, 01010000, 00010010 |
Color Schemes with #f85012
Alternatives to #f85012
Below, you can see some colors close to #f85012. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85012 Preview
This text has a font color of #f85012.
<span style="color:#f85012;">Text here</span>
This paragraph has a background color of #f85012.
<p style="background-color:#f85012;">Content here</p>
This element has a border color of #f85012.
<div style="border:1px solid #f85012;">Content here</div>
.text {color:#f85012;}
.background {background-color:#f85012;}
.border {border:1px solid #f85012;}
Shades and Tints of #f85012
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)
-
#310e01
#310e01
rgb(49,14,1)
-
#441402
#441402
rgb(68,20,2)
-
#571903
#571903
rgb(87,25,3)
-
#6a1f03
#6a1f03
rgb(106,31,3)
-
#7d2404
#7d2404
rgb(125,36,4)
-
#902a04
#902a04
rgb(144,42,4)
-
#a32f05
#a32f05
rgb(163,47,5)
-
#b63505
#b63505
rgb(182,53,5)
-
#c93b06
#c93b06
rgb(201,59,6)
-
#dc4007
#dc4007
rgb(220,64,7)
-
#ef4607
#ef4607
rgb(239,70,7)
-
#f85012
#f85012
rgb(248,80,18)
-
#f95e25
#f95e25
rgb(249,94,37)
-
#f96c38
#f96c38
rgb(249,108,56)
-
#fa7a4b
#fa7a4b
rgb(250,122,75)
-
#fa885e
#fa885e
rgb(250,136,94)
-
#fb9671
#fb9671
rgb(251,150,113)
-
#fba484
#fba484
rgb(251,164,132)
-
#fcb297
#fcb297
rgb(252,178,151)
-
#fdc1aa
#fdc1aa
rgb(253,193,170)
-
#fdcfbd
#fdcfbd
rgb(253,207,189)
-
#feddd1
#feddd1
rgb(254,221,209)
-
#feebe4
#feebe4
rgb(254,235,228)
-
#fff9f7
#fff9f7
rgb(255,249,247)
Tones of #f85012
A tone is produced by adding gray to any pure hue. In this case, #878483 is the less saturated color, while #f85012 is the most saturated one.
-
#878483
#878483
rgb(135,132,131)
-
#918079
#918079
rgb(145,128,121)
-
#9a7b70
#9a7b70
rgb(154,123,112)
-
#a47766
#a47766
rgb(164,119,102)
-
#ad735d
#ad735d
rgb(173,115,93)
-
#b66e54
#b66e54
rgb(182,110,84)
-
#c06a4a
#c06a4a
rgb(192,106,74)
-
#c96641
#c96641
rgb(201,102,65)
-
#d26138
#d26138
rgb(210,97,56)
-
#dc5d2e
#dc5d2e
rgb(220,93,46)
-
#e55925
#e55925
rgb(229,89,37)
-
#ef541b
#ef541b
rgb(239,84,27)
-
#f85012
#f85012
rgb(248,80,18)
Color Blindness Simulator
Below, you can see how #f85012 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.