#f69a1f Color Information
In a RGB color space, hex #f69a1f is composed of 96.5% red, 60.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.4% magenta, 87.4% yellow and 3.5% black. It has a hue angle of 34.3 degrees, a saturation of 92.3% and a lightness of 54.3%. #f69a1f color hex could be obtained by blending #ffff3e with #ed3500. Closest websafe color is: #ff9933.
-
- R 96
- G 60
- B 12
-
- C 0
- M 37
- Y 87
- K 4
● #f69a1f color description : Vivid orange.
#f69a1f Color Conversion
The hexadecimal color #f69a1f has RGB values of R:246, G:154, B:31 and CMYK values of C:0, M:0.37, Y:0.87, K:0.04. Its decimal value is 16161311.
Hex triplet | f69a1f | #f69a1f |
---|---|---|
RGB Decimal | 246, 154, 31 | rgb(246,154,31) |
RGB Percent | 96.5, 60.4, 12.2 | rgb(96.5%,60.4%,12.2%) |
CMYK | 0, 37, 87, 4 | |
HSL | 34.3°, 92.3, 54.3 | hsl(34.3,92.3%,54.3%) |
HSV (or HSB) | 34.3°, 87.4, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 71.424, 26.291, 70.857 |
---|---|
XYZ | 49.81, 42.807, 6.936 |
xyY | 0.5, 0.43, 42.807 |
CIE-LCH | 71.424, 75.577, 69.643 |
CIE-LUV | 71.424, 75.87, 67.052 |
Hunter-Lab | 65.427, 21.398, 39.514 |
Binary | 11110110, 10011010, 00011111 |
Color Schemes with #f69a1f
Alternatives to #f69a1f
Below, you can see some colors close to #f69a1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69a1f Preview
This text has a font color of #f69a1f.
<span style="color:#f69a1f;">Text here</span>
This paragraph has a background color of #f69a1f.
<p style="background-color:#f69a1f;">Content here</p>
This element has a border color of #f69a1f.
<div style="border:1px solid #f69a1f;">Content here</div>
.text {color:#f69a1f;}
.background {background-color:#f69a1f;}
.border {border:1px solid #f69a1f;}
Shades and Tints of #f69a1f
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 #fef8ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150c01
#150c01
rgb(21,12,1)
-
#281802
#281802
rgb(40,24,2)
-
#3b2302
#3b2302
rgb(59,35,2)
-
#4e2e03
#4e2e03
rgb(78,46,3)
-
#613904
#613904
rgb(97,57,4)
-
#734405
#734405
rgb(115,68,5)
-
#864f05
#864f05
rgb(134,79,5)
-
#995a06
#995a06
rgb(153,90,6)
-
#ac6507
#ac6507
rgb(172,101,7)
-
#bf7008
#bf7008
rgb(191,112,8)
-
#d27c08
#d27c08
rgb(210,124,8)
-
#e58709
#e58709
rgb(229,135,9)
-
#f5910c
#f5910c
rgb(245,145,12)
-
#f69a1f
#f69a1f
rgb(246,154,31)
-
#f7a332
#f7a332
rgb(247,163,50)
-
#f8ab45
#f8ab45
rgb(248,171,69)
-
#f8b458
#f8b458
rgb(248,180,88)
-
#f9bc6a
#f9bc6a
rgb(249,188,106)
-
#fac57d
#fac57d
rgb(250,197,125)
-
#fbcd90
#fbcd90
rgb(251,205,144)
-
#fbd6a3
#fbd6a3
rgb(251,214,163)
-
#fcdeb6
#fcdeb6
rgb(252,222,182)
-
#fde7c9
#fde7c9
rgb(253,231,201)
-
#feefdc
#feefdc
rgb(254,239,220)
-
#fef8ee
#fef8ee
rgb(254,248,238)
Tones of #f69a1f
A tone is produced by adding gray to any pure hue. In this case, #938c82 is the less saturated color, while #ff9b16 is the most saturated one.
-
#938c82
#938c82
rgb(147,140,130)
-
#9c8d79
#9c8d79
rgb(156,141,121)
-
#a58e70
#a58e70
rgb(165,142,112)
-
#ae9067
#ae9067
rgb(174,144,103)
-
#b7915e
#b7915e
rgb(183,145,94)
-
#c09255
#c09255
rgb(192,146,85)
-
#c9944c
#c9944c
rgb(201,148,76)
-
#d29543
#d29543
rgb(210,149,67)
-
#db963a
#db963a
rgb(219,150,58)
-
#e49731
#e49731
rgb(228,151,49)
-
#ed9928
#ed9928
rgb(237,153,40)
-
#f69a1f
#f69a1f
rgb(246,154,31)
-
#ff9b16
#ff9b16
rgb(255,155,22)
Color Blindness Simulator
Below, you can see how #f69a1f 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.