#f69a4c Color Information
In a RGB color space, hex #f69a4c is composed of 96.5% red, 60.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.4% magenta, 69.1% yellow and 3.5% black. It has a hue angle of 27.5 degrees, a saturation of 90.4% and a lightness of 63.1%. #f69a4c color hex could be obtained by blending #ffff98 with #ed3500. Closest websafe color is: #ff9933.
-
- R 96
- G 60
- B 30
-
- C 0
- M 37
- Y 69
- K 4
● #f69a4c color description : Soft orange.
#f69a4c Color Conversion
The hexadecimal color #f69a4c has RGB values of R:246, G:154, B:76 and CMYK values of C:0, M:0.37, Y:0.69, K:0.04. Its decimal value is 16161356.
Hex triplet | f69a4c | #f69a4c |
---|---|---|
RGB Decimal | 246, 154, 76 | rgb(246,154,76) |
RGB Percent | 96.5, 60.4, 29.8 | rgb(96.5%,60.4%,29.8%) |
CMYK | 0, 37, 69, 4 | |
HSL | 27.5°, 90.4, 63.1 | hsl(27.5,90.4%,63.1%) |
HSV (or HSB) | 27.5°, 69.1, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 71.71, 27.886, 54.016 |
---|---|
XYZ | 50.867, 43.23, 12.502 |
xyY | 0.477, 0.406, 43.23 |
CIE-LCH | 71.71, 60.789, 62.695 |
CIE-LUV | 71.71, 73, 55.654 |
Hunter-Lab | 65.749, 23.037, 34.75 |
Binary | 11110110, 10011010, 01001100 |
Color Schemes with #f69a4c
Alternatives to #f69a4c
Below, you can see some colors close to #f69a4c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69a4c Preview
This text has a font color of #f69a4c.
<span style="color:#f69a4c;">Text here</span>
This paragraph has a background color of #f69a4c.
<p style="background-color:#f69a4c;">Content here</p>
This element has a border color of #f69a4c.
<div style="border:1px solid #f69a4c;">Content here</div>
.text {color:#f69a4c;}
.background {background-color:#f69a4c;}
.border {border:1px solid #f69a4c;}
Shades and Tints of #f69a4c
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, #080400 is the darkest color, while #fef9f4 is the lightest one.
-
#080400
#080400
rgb(8,4,0)
-
#1a0d01
#1a0d01
rgb(26,13,1)
-
#2d1602
#2d1602
rgb(45,22,2)
-
#401f03
#401f03
rgb(64,31,3)
-
#522804
#522804
rgb(82,40,4)
-
#653105
#653105
rgb(101,49,5)
-
#783a06
#783a06
rgb(120,58,6)
-
#8a4307
#8a4307
rgb(138,67,7)
-
#9d4c08
#9d4c08
rgb(157,76,8)
-
#b05509
#b05509
rgb(176,85,9)
-
#c35f0a
#c35f0a
rgb(195,95,10)
-
#d5680b
#d5680b
rgb(213,104,11)
-
#e8710c
#e8710c
rgb(232,113,12)
-
#f37a14
#f37a14
rgb(243,122,20)
-
#f48527
#f48527
rgb(244,133,39)
-
#f58f39
#f58f39
rgb(245,143,57)
-
#f69a4c
#f69a4c
rgb(246,154,76)
-
#f7a55f
#f7a55f
rgb(247,165,95)
-
#f8af71
#f8af71
rgb(248,175,113)
-
#f9ba84
#f9ba84
rgb(249,186,132)
-
#fac497
#fac497
rgb(250,196,151)
-
#fbcfa9
#fbcfa9
rgb(251,207,169)
-
#fcd9bc
#fcd9bc
rgb(252,217,188)
-
#fde4cf
#fde4cf
rgb(253,228,207)
-
#feeee1
#feeee1
rgb(254,238,225)
-
#fef9f4
#fef9f4
rgb(254,249,244)
Tones of #f69a4c
A tone is produced by adding gray to any pure hue. In this case, #a6a19c is the less saturated color, while #fd9945 is the most saturated one.
-
#a6a19c
#a6a19c
rgb(166,161,156)
-
#aea094
#aea094
rgb(174,160,148)
-
#b59f8d
#b59f8d
rgb(181,159,141)
-
#bc9f86
#bc9f86
rgb(188,159,134)
-
#c39e7f
#c39e7f
rgb(195,158,127)
-
#cb9e77
#cb9e77
rgb(203,158,119)
-
#d29d70
#d29d70
rgb(210,157,112)
-
#d99c69
#d99c69
rgb(217,156,105)
-
#e09c62
#e09c62
rgb(224,156,98)
-
#e89b5a
#e89b5a
rgb(232,155,90)
-
#ef9b53
#ef9b53
rgb(239,155,83)
-
#f69a4c
#f69a4c
rgb(246,154,76)
-
#fd9945
#fd9945
rgb(253,153,69)
Color Blindness Simulator
Below, you can see how #f69a4c 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.