#f69f5c Color Information
In a RGB color space, hex #f69f5c is composed of 96.5% red, 62.4% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 62.6% yellow and 3.5% black. It has a hue angle of 26.1 degrees, a saturation of 89.5% and a lightness of 66.3%. #f69f5c color hex could be obtained by blending #ffffb8 with #ed3f00. Closest websafe color is: #ff9966.
-
- R 96
- G 62
- B 36
-
- C 0
- M 35
- Y 63
- K 4
● #f69f5c color description : Soft orange.
#f69f5c Color Conversion
The hexadecimal color #f69f5c has RGB values of R:246, G:159, B:92 and CMYK values of C:0, M:0.35, Y:0.63, K:0.04. Its decimal value is 16162652.
Hex triplet | f69f5c | #f69f5c |
---|---|---|
RGB Decimal | 246, 159, 92 | rgb(246,159,92) |
RGB Percent | 96.5, 62.4, 36.1 | rgb(96.5%,62.4%,36.1%) |
CMYK | 0, 35, 63, 4 | |
HSL | 26.1°, 89.5, 66.3 | hsl(26.1,89.5%,66.3%) |
HSV (or HSB) | 26.1°, 62.6, 96.5 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 73.001, 26.197, 47.721 |
---|---|
XYZ | 52.337, 45.165, 16.086 |
xyY | 0.461, 0.398, 45.165 |
CIE-LCH | 73.001, 54.438, 61.235 |
CIE-LUV | 73.001, 67.587, 51.333 |
Hunter-Lab | 67.205, 21.4, 32.852 |
Binary | 11110110, 10011111, 01011100 |
Color Schemes with #f69f5c
Alternatives to #f69f5c
Below, you can see some colors close to #f69f5c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69f5c Preview
This text has a font color of #f69f5c.
<span style="color:#f69f5c;">Text here</span>
This paragraph has a background color of #f69f5c.
<p style="background-color:#f69f5c;">Content here</p>
This element has a border color of #f69f5c.
<div style="border:1px solid #f69f5c;">Content here</div>
.text {color:#f69f5c;}
.background {background-color:#f69f5c;}
.border {border:1px solid #f69f5c;}
Shades and Tints of #f69f5c
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, #040200 is the darkest color, while #fef7f1 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170b01
#170b01
rgb(23,11,1)
-
#291302
#291302
rgb(41,19,2)
-
#3c1c03
#3c1c03
rgb(60,28,3)
-
#4f2504
#4f2504
rgb(79,37,4)
-
#612d05
#612d05
rgb(97,45,5)
-
#743606
#743606
rgb(116,54,6)
-
#863f07
#863f07
rgb(134,63,7)
-
#994708
#994708
rgb(153,71,8)
-
#ac5009
#ac5009
rgb(172,80,9)
-
#be590b
#be590b
rgb(190,89,11)
-
#d1610c
#d1610c
rgb(209,97,12)
-
#e36a0d
#e36a0d
rgb(227,106,13)
-
#f27312
#f27312
rgb(242,115,18)
-
#f37e24
#f37e24
rgb(243,126,36)
-
#f48937
#f48937
rgb(244,137,55)
-
#f59449
#f59449
rgb(245,148,73)
-
#f69f5c
#f69f5c
rgb(246,159,92)
-
#f7aa6f
#f7aa6f
rgb(247,170,111)
-
#f8b581
#f8b581
rgb(248,181,129)
-
#f9c094
#f9c094
rgb(249,192,148)
-
#facba6
#facba6
rgb(250,203,166)
-
#fbd6b9
#fbd6b9
rgb(251,214,185)
-
#fce1cc
#fce1cc
rgb(252,225,204)
-
#fdecde
#fdecde
rgb(253,236,222)
-
#fef7f1
#fef7f1
rgb(254,247,241)
Tones of #f69f5c
A tone is produced by adding gray to any pure hue. In this case, #ada8a5 is the less saturated color, while #fd9e55 is the most saturated one.
-
#ada8a5
#ada8a5
rgb(173,168,165)
-
#b4a89e
#b4a89e
rgb(180,168,158)
-
#baa798
#baa798
rgb(186,167,152)
-
#c1a691
#c1a691
rgb(193,166,145)
-
#c8a58a
#c8a58a
rgb(200,165,138)
-
#cea484
#cea484
rgb(206,164,132)
-
#d5a37d
#d5a37d
rgb(213,163,125)
-
#dca276
#dca276
rgb(220,162,118)
-
#e2a270
#e2a270
rgb(226,162,112)
-
#e9a169
#e9a169
rgb(233,161,105)
-
#efa063
#efa063
rgb(239,160,99)
-
#f69f5c
#f69f5c
rgb(246,159,92)
-
#fd9e55
#fd9e55
rgb(253,158,85)
Color Blindness Simulator
Below, you can see how #f69f5c 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.