#f69a5f Color Information
In a RGB color space, hex #f69a5f is composed of 96.5% red, 60.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.4% magenta, 61.4% yellow and 3.5% black. It has a hue angle of 23.4 degrees, a saturation of 89.3% and a lightness of 66.9%. #f69a5f color hex could be obtained by blending #ffffbe with #ed3500. Closest websafe color is: #ff9966.
-
- R 96
- G 60
- B 37
-
- C 0
- M 37
- Y 61
- K 4
● #f69a5f color description : Soft orange.
#f69a5f Color Conversion
The hexadecimal color #f69a5f has RGB values of R:246, G:154, B:95 and CMYK values of C:0, M:0.37, Y:0.61, K:0.04. Its decimal value is 16161375.
Hex triplet | f69a5f | #f69a5f |
---|---|---|
RGB Decimal | 246, 154, 95 | rgb(246,154,95) |
RGB Percent | 96.5, 60.4, 37.3 | rgb(96.5%,60.4%,37.3%) |
CMYK | 0, 37, 61, 4 | |
HSL | 23.4°, 89.3, 66.9 | hsl(23.4,89.3%,66.9%) |
HSV (or HSB) | 23.4°, 61.4, 96.5 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 71.916, 29.015, 44.93 |
---|---|
XYZ | 51.628, 43.534, 16.51 |
xyY | 0.462, 0.39, 43.534 |
CIE-LCH | 71.916, 53.484, 57.147 |
CIE-LUV | 71.916, 71.044, 47.853 |
Hunter-Lab | 65.98, 24.208, 31.35 |
Binary | 11110110, 10011010, 01011111 |
Color Schemes with #f69a5f
Alternatives to #f69a5f
Below, you can see some colors close to #f69a5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69a5f Preview
This text has a font color of #f69a5f.
<span style="color:#f69a5f;">Text here</span>
This paragraph has a background color of #f69a5f.
<p style="background-color:#f69a5f;">Content here</p>
This element has a border color of #f69a5f.
<div style="border:1px solid #f69a5f;">Content here</div>
.text {color:#f69a5f;}
.background {background-color:#f69a5f;}
.border {border:1px solid #f69a5f;}
Shades and Tints of #f69a5f
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, #070300 is the darkest color, while #fef8f4 is the lightest one.
-
#070300
#070300
rgb(7,3,0)
-
#1a0b01
#1a0b01
rgb(26,11,1)
-
#2c1302
#2c1302
rgb(44,19,2)
-
#3f1b04
#3f1b04
rgb(63,27,4)
-
#512305
#512305
rgb(81,35,5)
-
#642a06
#642a06
rgb(100,42,6)
-
#773207
#773207
rgb(119,50,7)
-
#893a08
#893a08
rgb(137,58,8)
-
#9c4209
#9c4209
rgb(156,66,9)
-
#ae4a0a
#ae4a0a
rgb(174,74,10)
-
#c1520b
#c1520b
rgb(193,82,11)
-
#d35a0c
#d35a0c
rgb(211,90,12)
-
#e6620d
#e6620d
rgb(230,98,13)
-
#f26b15
#f26b15
rgb(242,107,21)
-
#f37727
#f37727
rgb(243,119,39)
-
#f4833a
#f4833a
rgb(244,131,58)
-
#f58e4c
#f58e4c
rgb(245,142,76)
-
#f69a5f
#f69a5f
rgb(246,154,95)
-
#f7a672
#f7a672
rgb(247,166,114)
-
#f8b184
#f8b184
rgb(248,177,132)
-
#f9bd97
#f9bd97
rgb(249,189,151)
-
#fac9a9
#fac9a9
rgb(250,201,169)
-
#fbd5bc
#fbd5bc
rgb(251,213,188)
-
#fce0ce
#fce0ce
rgb(252,224,206)
-
#fdece1
#fdece1
rgb(253,236,225)
-
#fef8f4
#fef8f4
rgb(254,248,244)
Tones of #f69a5f
A tone is produced by adding gray to any pure hue. In this case, #afaaa7 is the less saturated color, while #fd9959 is the most saturated one.
-
#afaaa7
#afaaa7
rgb(175,170,167)
-
#b5a8a0
#b5a8a0
rgb(181,168,160)
-
#bca79a
#bca79a
rgb(188,167,154)
-
#c2a593
#c2a593
rgb(194,165,147)
-
#c9a48d
#c9a48d
rgb(201,164,141)
-
#cfa386
#cfa386
rgb(207,163,134)
-
#d6a180
#d6a180
rgb(214,161,128)
-
#dca079
#dca079
rgb(220,160,121)
-
#e39e73
#e39e73
rgb(227,158,115)
-
#e99d6c
#e99d6c
rgb(233,157,108)
-
#f09b66
#f09b66
rgb(240,155,102)
-
#f69a5f
#f69a5f
rgb(246,154,95)
-
#fd9959
#fd9959
rgb(253,153,89)
Color Blindness Simulator
Below, you can see how #f69a5f 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.