#f85700 Color Information
In a RGB color space, hex #f85700 is composed of 97.3% red, 34.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.9% magenta, 100% yellow and 2.7% black. It has a hue angle of 21 degrees, a saturation of 100% and a lightness of 48.6%. #f85700 color hex could be obtained by blending #ffae00 with #f10000. Closest websafe color is: #ff6600.
-
- R 97
- G 34
- B 0
-
- C 0
- M 65
- Y 100
- K 3
● #f85700 color description : Pure (or mostly pure) orange.
#f85700 Color Conversion
The hexadecimal color #f85700 has RGB values of R:248, G:87, B:0 and CMYK values of C:0, M:0.65, Y:1, K:0.03. Its decimal value is 16275200.
Hex triplet | f85700 | #f85700 |
---|---|---|
RGB Decimal | 248, 87, 0 | rgb(248,87,0) |
RGB Percent | 97.3, 34.1, 0 | rgb(97.3%,34.1%,0%) |
CMYK | 0, 65, 100, 3 | |
HSL | 21°, 100, 48.6 | hsl(21,100%,48.6%) |
HSV (or HSB) | 21°, 100, 97.3 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 58.768, 58.929, 68.837 |
---|---|
XYZ | 42.122, 26.778, 2.951 |
xyY | 0.586, 0.373, 26.778 |
CIE-LCH | 58.768, 90.615, 49.434 |
CIE-LUV | 58.768, 133.232, 48.968 |
Hunter-Lab | 51.747, 54.74, 32.842 |
Binary | 11111000, 01010111, 00000000 |
Color Schemes with #f85700
Alternatives to #f85700
Below, you can see some colors close to #f85700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85700 Preview
This text has a font color of #f85700.
<span style="color:#f85700;">Text here</span>
This paragraph has a background color of #f85700.
<p style="background-color:#f85700;">Content here</p>
This element has a border color of #f85700.
<div style="border:1px solid #f85700;">Content here</div>
.text {color:#f85700;}
.background {background-color:#f85700;}
.border {border:1px solid #f85700;}
Shades and Tints of #f85700
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, #0d0400 is the darkest color, while #fffaf8 is the lightest one.
-
#0d0400
#0d0400
rgb(13,4,0)
-
#200b00
#200b00
rgb(32,11,0)
-
#341200
#341200
rgb(52,18,0)
-
#471900
#471900
rgb(71,25,0)
-
#5b2000
#5b2000
rgb(91,32,0)
-
#6f2700
#6f2700
rgb(111,39,0)
-
#822e00
#822e00
rgb(130,46,0)
-
#963500
#963500
rgb(150,53,0)
-
#aa3b00
#aa3b00
rgb(170,59,0)
-
#bd4200
#bd4200
rgb(189,66,0)
-
#d14900
#d14900
rgb(209,73,0)
-
#e45000
#e45000
rgb(228,80,0)
-
#f85700
#f85700
rgb(248,87,0)
-
#ff620d
#ff620d
rgb(255,98,13)
-
#ff6e20
#ff6e20
rgb(255,110,32)
-
#ff7b34
#ff7b34
rgb(255,123,52)
-
#ff8847
#ff8847
rgb(255,136,71)
-
#ff955b
#ff955b
rgb(255,149,91)
-
#ffa16f
#ffa16f
rgb(255,161,111)
-
#ffae82
#ffae82
rgb(255,174,130)
-
#ffbb96
#ffbb96
rgb(255,187,150)
-
#ffc8aa
#ffc8aa
rgb(255,200,170)
-
#ffd4bd
#ffd4bd
rgb(255,212,189)
-
#ffe1d1
#ffe1d1
rgb(255,225,209)
-
#ffeee4
#ffeee4
rgb(255,238,228)
-
#fffaf8
#fffaf8
rgb(255,250,248)
Tones of #f85700
A tone is produced by adding gray to any pure hue. In this case, #867972 is the less saturated color, while #f85700 is the most saturated one.
-
#867972
#867972
rgb(134,121,114)
-
#8f7669
#8f7669
rgb(143,118,105)
-
#99735f
#99735f
rgb(153,115,95)
-
#a27156
#a27156
rgb(162,113,86)
-
#ac6e4c
#ac6e4c
rgb(172,110,76)
-
#b56b43
#b56b43
rgb(181,107,67)
-
#bf6839
#bf6839
rgb(191,104,57)
-
#c86530
#c86530
rgb(200,101,48)
-
#d26226
#d26226
rgb(210,98,38)
-
#db601d
#db601d
rgb(219,96,29)
-
#e55d13
#e55d13
rgb(229,93,19)
-
#ee5a0a
#ee5a0a
rgb(238,90,10)
-
#f85700
#f85700
rgb(248,87,0)
Color Blindness Simulator
Below, you can see how #f85700 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.