#ff8f56 Color Information
In a RGB color space, hex #ff8f56 is composed of 100% red, 56.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 66.3% yellow and 0% black. It has a hue angle of 20.2 degrees, a saturation of 100% and a lightness of 66.9%. #ff8f56 color hex could be obtained by blending #ffffac with #ff1f00. Closest websafe color is: #ff9966.
-
- R 100
- G 56
- B 34
-
- C 0
- M 44
- Y 66
- K 0
● #ff8f56 color description : Light orange.
#ff8f56 Color Conversion
The hexadecimal color #ff8f56 has RGB values of R:255, G:143, B:86 and CMYK values of C:0, M:0.44, Y:0.66, K:0. Its decimal value is 16748374.
Hex triplet | ff8f56 | #ff8f56 |
---|---|---|
RGB Decimal | 255, 143, 86 | rgb(255,143,86) |
RGB Percent | 100, 56.1, 33.7 | rgb(100%,56.1%,33.7%) |
CMYK | 0, 44, 66, 0 | |
HSL | 20.2°, 100, 66.9 | hsl(20.2,100%,66.9%) |
HSV (or HSB) | 20.2°, 66.3, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 70.581, 37.684, 48.208 |
---|---|
XYZ | 52.744, 41.581, 14.052 |
xyY | 0.487, 0.384, 41.581 |
CIE-LCH | 70.581, 61.189, 51.985 |
CIE-LUV | 70.581, 87.851, 48.106 |
Hunter-Lab | 64.483, 33.157, 32.218 |
Binary | 11111111, 10001111, 01010110 |
Color Schemes with #ff8f56
Alternatives to #ff8f56
Below, you can see some colors close to #ff8f56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff8f56 Preview
This text has a font color of #ff8f56.
<span style="color:#ff8f56;">Text here</span>
This paragraph has a background color of #ff8f56.
<p style="background-color:#ff8f56;">Content here</p>
This element has a border color of #ff8f56.
<div style="border:1px solid #ff8f56;">Content here</div>
.text {color:#ff8f56;}
.background {background-color:#ff8f56;}
.border {border:1px solid #ff8f56;}
Shades and Tints of #ff8f56
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, #080300 is the darkest color, while #fff7f3 is the lightest one.
-
#080300
#080300
rgb(8,3,0)
-
#1b0900
#1b0900
rgb(27,9,0)
-
#2f1000
#2f1000
rgb(47,16,0)
-
#421600
#421600
rgb(66,22,0)
-
#561d00
#561d00
rgb(86,29,0)
-
#6a2400
#6a2400
rgb(106,36,0)
-
#7d2a00
#7d2a00
rgb(125,42,0)
-
#913100
#913100
rgb(145,49,0)
-
#a43700
#a43700
rgb(164,55,0)
-
#b83e00
#b83e00
rgb(184,62,0)
-
#cc4500
#cc4500
rgb(204,69,0)
-
#df4b00
#df4b00
rgb(223,75,0)
-
#f35200
#f35200
rgb(243,82,0)
-
#ff5b08
#ff5b08
rgb(255,91,8)
-
#ff681b
#ff681b
rgb(255,104,27)
-
#ff752f
#ff752f
rgb(255,117,47)
-
#ff8242
#ff8242
rgb(255,130,66)
-
#ff8f56
#ff8f56
rgb(255,143,86)
-
#ff9c6a
#ff9c6a
rgb(255,156,106)
-
#ffa97d
#ffa97d
rgb(255,169,125)
-
#ffb691
#ffb691
rgb(255,182,145)
-
#ffc3a4
#ffc3a4
rgb(255,195,164)
-
#ffd0b8
#ffd0b8
rgb(255,208,184)
-
#ffddcc
#ffddcc
rgb(255,221,204)
-
#ffeadf
#ffeadf
rgb(255,234,223)
-
#fff7f3
#fff7f3
rgb(255,247,243)
Tones of #ff8f56
A tone is produced by adding gray to any pure hue. In this case, #b1a8a4 is the less saturated color, while #ff8f56 is the most saturated one.
-
#b1a8a4
#b1a8a4
rgb(177,168,164)
-
#b8a69e
#b8a69e
rgb(184,166,158)
-
#bea497
#bea497
rgb(190,164,151)
-
#c5a291
#c5a291
rgb(197,162,145)
-
#cba08a
#cba08a
rgb(203,160,138)
-
#d29e84
#d29e84
rgb(210,158,132)
-
#d89c7d
#d89c7d
rgb(216,156,125)
-
#df9a77
#df9a77
rgb(223,154,119)
-
#e59770
#e59770
rgb(229,151,112)
-
#ec956a
#ec956a
rgb(236,149,106)
-
#f29363
#f29363
rgb(242,147,99)
-
#f9915d
#f9915d
rgb(249,145,93)
-
#ff8f56
#ff8f56
rgb(255,143,86)
Color Blindness Simulator
Below, you can see how #ff8f56 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.