#f69f5a Color Information
In a RGB color space, hex #f69f5a is composed of 96.5% red, 62.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 63.4% yellow and 3.5% black. It has a hue angle of 26.5 degrees, a saturation of 89.7% and a lightness of 65.9%. #f69f5a color hex could be obtained by blending #ffffb4 with #ed3f00. Closest websafe color is: #ff9966.
-
- R 96
- G 62
- B 35
-
- C 0
- M 35
- Y 63
- K 4
● #f69f5a color description : Soft orange.
#f69f5a Color Conversion
The hexadecimal color #f69f5a has RGB values of R:246, G:159, B:90 and CMYK values of C:0, M:0.35, Y:0.63, K:0.04. Its decimal value is 16162650.
Hex triplet | f69f5a | #f69f5a |
---|---|---|
RGB Decimal | 246, 159, 90 | rgb(246,159,90) |
RGB Percent | 96.5, 62.4, 35.3 | rgb(96.5%,62.4%,35.3%) |
CMYK | 0, 35, 63, 4 | |
HSL | 26.5°, 89.7, 65.9 | hsl(26.5,89.7%,65.9%) |
HSV (or HSB) | 26.5°, 63.4, 96.5 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 72.978, 26.069, 48.687 |
---|---|
XYZ | 52.251, 45.131, 15.632 |
xyY | 0.462, 0.399, 45.131 |
CIE-LCH | 72.978, 55.227, 61.833 |
CIE-LUV | 72.978, 67.792, 52.194 |
Hunter-Lab | 67.179, 21.269, 33.23 |
Binary | 11110110, 10011111, 01011010 |
Color Schemes with #f69f5a
Alternatives to #f69f5a
Below, you can see some colors close to #f69f5a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69f5a Preview
This text has a font color of #f69f5a.
<span style="color:#f69f5a;">Text here</span>
This paragraph has a background color of #f69f5a.
<p style="background-color:#f69f5a;">Content here</p>
This element has a border color of #f69f5a.
<div style="border:1px solid #f69f5a;">Content here</div>
.text {color:#f69f5a;}
.background {background-color:#f69f5a;}
.border {border:1px solid #f69f5a;}
Shades and Tints of #f69f5a
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, #020100 is the darkest color, while #fef6ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150a01
#150a01
rgb(21,10,1)
-
#281302
#281302
rgb(40,19,2)
-
#3a1c03
#3a1c03
rgb(58,28,3)
-
#4d2404
#4d2404
rgb(77,36,4)
-
#5f2d05
#5f2d05
rgb(95,45,5)
-
#723606
#723606
rgb(114,54,6)
-
#853f07
#853f07
rgb(133,63,7)
-
#974708
#974708
rgb(151,71,8)
-
#aa5009
#aa5009
rgb(170,80,9)
-
#bc590a
#bc590a
rgb(188,89,10)
-
#cf620b
#cf620b
rgb(207,98,11)
-
#e26b0c
#e26b0c
rgb(226,107,12)
-
#f27410
#f27410
rgb(242,116,16)
-
#f37f22
#f37f22
rgb(243,127,34)
-
#f48935
#f48935
rgb(244,137,53)
-
#f59447
#f59447
rgb(245,148,71)
-
#f69f5a
#f69f5a
rgb(246,159,90)
-
#f7aa6d
#f7aa6d
rgb(247,170,109)
-
#f8b57f
#f8b57f
rgb(248,181,127)
-
#f9bf92
#f9bf92
rgb(249,191,146)
-
#facaa4
#facaa4
rgb(250,202,164)
-
#fbd5b7
#fbd5b7
rgb(251,213,183)
-
#fce0ca
#fce0ca
rgb(252,224,202)
-
#fdebdc
#fdebdc
rgb(253,235,220)
-
#fef6ef
#fef6ef
rgb(254,246,239)
Tones of #f69f5a
A tone is produced by adding gray to any pure hue. In this case, #aca7a4 is the less saturated color, while #fd9e53 is the most saturated one.
-
#aca7a4
#aca7a4
rgb(172,167,164)
-
#b3a79d
#b3a79d
rgb(179,167,157)
-
#baa696
#baa696
rgb(186,166,150)
-
#c0a590
#c0a590
rgb(192,165,144)
-
#c7a489
#c7a489
rgb(199,164,137)
-
#cea482
#cea482
rgb(206,164,130)
-
#d5a37b
#d5a37b
rgb(213,163,123)
-
#dba275
#dba275
rgb(219,162,117)
-
#e2a16e
#e2a16e
rgb(226,161,110)
-
#e9a167
#e9a167
rgb(233,161,103)
-
#efa061
#efa061
rgb(239,160,97)
-
#f69f5a
#f69f5a
rgb(246,159,90)
-
#fd9e53
#fd9e53
rgb(253,158,83)
Color Blindness Simulator
Below, you can see how #f69f5a 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.