#f87f00 Color Information
In a RGB color space, hex #f87f00 is composed of 97.3% red, 49.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 100% yellow and 2.7% black. It has a hue angle of 30.7 degrees, a saturation of 100% and a lightness of 48.6%. #f87f00 color hex could be obtained by blending #fffe00 with #f10000. Closest websafe color is: #ff6600.
-
- R 97
- G 50
- B 0
-
- C 0
- M 49
- Y 100
- K 3
● #f87f00 color description : Pure (or mostly pure) orange.
#f87f00 Color Conversion
The hexadecimal color #f87f00 has RGB values of R:248, G:127, B:0 and CMYK values of C:0, M:0.49, Y:1, K:0.03. Its decimal value is 16285440.
Hex triplet | f87f00 | #f87f00 |
---|---|---|
RGB Decimal | 248, 127, 0 | rgb(248,127,0) |
RGB Percent | 97.3, 49.8, 0 | rgb(97.3%,49.8%,0%) |
CMYK | 0, 49, 100, 3 | |
HSL | 30.7°, 100, 48.6 | hsl(30.7,100%,48.6%) |
HSV (or HSB) | 30.7°, 100, 97.3 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 65.857, 40.59, 72.792 |
---|---|
XYZ | 46.303, 35.14, 4.344 |
xyY | 0.54, 0.41, 35.14 |
CIE-LCH | 65.857, 83.343, 60.855 |
CIE-LUV | 65.857, 101.014, 60.748 |
Hunter-Lab | 59.279, 35.689, 37.15 |
Binary | 11111000, 01111111, 00000000 |
Color Schemes with #f87f00
Alternatives to #f87f00
Below, you can see some colors close to #f87f00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f87f00 Preview
This text has a font color of #f87f00.
<span style="color:#f87f00;">Text here</span>
This paragraph has a background color of #f87f00.
<p style="background-color:#f87f00;">Content here</p>
This element has a border color of #f87f00.
<div style="border:1px solid #f87f00;">Content here</div>
.text {color:#f87f00;}
.background {background-color:#f87f00;}
.border {border:1px solid #f87f00;}
Shades and Tints of #f87f00
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, #0d0600 is the darkest color, while #fffcf8 is the lightest one.
-
#0d0600
#0d0600
rgb(13,6,0)
-
#201100
#201100
rgb(32,17,0)
-
#341b00
#341b00
rgb(52,27,0)
-
#472500
#472500
rgb(71,37,0)
-
#5b2f00
#5b2f00
rgb(91,47,0)
-
#6f3900
#6f3900
rgb(111,57,0)
-
#824300
#824300
rgb(130,67,0)
-
#964d00
#964d00
rgb(150,77,0)
-
#aa5700
#aa5700
rgb(170,87,0)
-
#bd6100
#bd6100
rgb(189,97,0)
-
#d16b00
#d16b00
rgb(209,107,0)
-
#e47500
#e47500
rgb(228,117,0)
-
#f87f00
#f87f00
rgb(248,127,0)
-
#ff890d
#ff890d
rgb(255,137,13)
-
#ff9220
#ff9220
rgb(255,146,32)
-
#ff9c34
#ff9c34
rgb(255,156,52)
-
#ffa547
#ffa547
rgb(255,165,71)
-
#ffaf5b
#ffaf5b
rgb(255,175,91)
-
#ffb96f
#ffb96f
rgb(255,185,111)
-
#ffc282
#ffc282
rgb(255,194,130)
-
#ffcc96
#ffcc96
rgb(255,204,150)
-
#ffd5aa
#ffd5aa
rgb(255,213,170)
-
#ffdfbd
#ffdfbd
rgb(255,223,189)
-
#ffe8d1
#ffe8d1
rgb(255,232,209)
-
#fff2e4
#fff2e4
rgb(255,242,228)
-
#fffcf8
#fffcf8
rgb(255,252,248)
Tones of #f87f00
A tone is produced by adding gray to any pure hue. In this case, #867c72 is the less saturated color, while #f87f00 is the most saturated one.
-
#867c72
#867c72
rgb(134,124,114)
-
#8f7c69
#8f7c69
rgb(143,124,105)
-
#997d5f
#997d5f
rgb(153,125,95)
-
#a27d56
#a27d56
rgb(162,125,86)
-
#ac7d4c
#ac7d4c
rgb(172,125,76)
-
#b57d43
#b57d43
rgb(181,125,67)
-
#bf7e39
#bf7e39
rgb(191,126,57)
-
#c87e30
#c87e30
rgb(200,126,48)
-
#d27e26
#d27e26
rgb(210,126,38)
-
#db7e1d
#db7e1d
rgb(219,126,29)
-
#e57f13
#e57f13
rgb(229,127,19)
-
#ee7f0a
#ee7f0a
rgb(238,127,10)
-
#f87f00
#f87f00
rgb(248,127,0)
Color Blindness Simulator
Below, you can see how #f87f00 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.