#f89a5f Color Information
In a RGB color space, hex #f89a5f is composed of 97.3% red, 60.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.9% magenta, 61.7% yellow and 2.7% black. It has a hue angle of 23.1 degrees, a saturation of 91.6% and a lightness of 67.3%. #f89a5f color hex could be obtained by blending #ffffbe with #f13500. Closest websafe color is: #ff9966.
-
- R 97
- G 60
- B 37
-
- C 0
- M 38
- Y 62
- K 3
● #f89a5f color description : Soft orange.
#f89a5f Color Conversion
The hexadecimal color #f89a5f has RGB values of R:248, G:154, B:95 and CMYK values of C:0, M:0.38, Y:0.62, K:0.03. Its decimal value is 16292447.
Hex triplet | f89a5f | #f89a5f |
---|---|---|
RGB Decimal | 248, 154, 95 | rgb(248,154,95) |
RGB Percent | 97.3, 60.4, 37.3 | rgb(97.3%,60.4%,37.3%) |
CMYK | 0, 38, 62, 3 | |
HSL | 23.1°, 91.6, 67.3 | hsl(23.1,91.6%,67.3%) |
HSV (or HSB) | 23.1°, 61.7, 97.3 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 72.16, 29.812, 45.28 |
---|---|
XYZ | 52.334, 43.898, 16.543 |
xyY | 0.464, 0.389, 43.898 |
CIE-LCH | 72.16, 54.213, 56.64 |
CIE-LUV | 72.16, 72.651, 48.041 |
Hunter-Lab | 66.255, 25.047, 31.575 |
Binary | 11111000, 10011010, 01011111 |
Color Schemes with #f89a5f
Alternatives to #f89a5f
Below, you can see some colors close to #f89a5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f89a5f Preview
This text has a font color of #f89a5f.
<span style="color:#f89a5f;">Text here</span>
This paragraph has a background color of #f89a5f.
<p style="background-color:#f89a5f;">Content here</p>
This element has a border color of #f89a5f.
<div style="border:1px solid #f89a5f;">Content here</div>
.text {color:#f89a5f;}
.background {background-color:#f89a5f;}
.border {border:1px solid #f89a5f;}
Shades and Tints of #f89a5f
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, #090400 is the darkest color, while #fff9f5 is the lightest one.
-
#090400
#090400
rgb(9,4,0)
-
#1c0c01
#1c0c01
rgb(28,12,1)
-
#2f1302
#2f1302
rgb(47,19,2)
-
#421b03
#421b03
rgb(66,27,3)
-
#542304
#542304
rgb(84,35,4)
-
#672b05
#672b05
rgb(103,43,5)
-
#7a3205
#7a3205
rgb(122,50,5)
-
#8d3a06
#8d3a06
rgb(141,58,6)
-
#9f4207
#9f4207
rgb(159,66,7)
-
#b24a08
#b24a08
rgb(178,74,8)
-
#c55109
#c55109
rgb(197,81,9)
-
#d85909
#d85909
rgb(216,89,9)
-
#eb610a
#eb610a
rgb(235,97,10)
-
#f56b14
#f56b14
rgb(245,107,20)
-
#f67627
#f67627
rgb(246,118,39)
-
#f68239
#f68239
rgb(246,130,57)
-
#f78e4c
#f78e4c
rgb(247,142,76)
-
#f89a5f
#f89a5f
rgb(248,154,95)
-
#f9a672
#f9a672
rgb(249,166,114)
-
#fab285
#fab285
rgb(250,178,133)
-
#fabe97
#fabe97
rgb(250,190,151)
-
#fbc9aa
#fbc9aa
rgb(251,201,170)
-
#fcd5bd
#fcd5bd
rgb(252,213,189)
-
#fde1d0
#fde1d0
rgb(253,225,208)
-
#feede3
#feede3
rgb(254,237,227)
-
#fff9f5
#fff9f5
rgb(255,249,245)
Tones of #f89a5f
A tone is produced by adding gray to any pure hue. In this case, #b1aaa6 is the less saturated color, while #fe9959 is the most saturated one.
-
#b1aaa6
#b1aaa6
rgb(177,170,166)
-
#b8a99f
#b8a99f
rgb(184,169,159)
-
#bea799
#bea799
rgb(190,167,153)
-
#c5a692
#c5a692
rgb(197,166,146)
-
#cba48c
#cba48c
rgb(203,164,140)
-
#d1a386
#d1a386
rgb(209,163,134)
-
#d8a17f
#d8a17f
rgb(216,161,127)
-
#dea079
#dea079
rgb(222,160,121)
-
#e59e72
#e59e72
rgb(229,158,114)
-
#eb9d6c
#eb9d6c
rgb(235,157,108)
-
#f29b65
#f29b65
rgb(242,155,101)
-
#f89a5f
#f89a5f
rgb(248,154,95)
-
#fe9959
#fe9959
rgb(254,153,89)
Color Blindness Simulator
Below, you can see how #f89a5f 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.