#f69311 Color Information
In a RGB color space, hex #f69311 is composed of 96.5% red, 57.6% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 93.1% yellow and 3.5% black. It has a hue angle of 34.1 degrees, a saturation of 92.7% and a lightness of 51.6%. #f69311 color hex could be obtained by blending #ffff22 with #ed2700. Closest websafe color is: #ff9900.
-
- R 96
- G 58
- B 7
-
- C 0
- M 40
- Y 93
- K 4
● #f69311 color description : Vivid orange.
#f69311 Color Conversion
The hexadecimal color #f69311 has RGB values of R:246, G:147, B:17 and CMYK values of C:0, M:0.4, Y:0.93, K:0.04. Its decimal value is 16159505.
Hex triplet | f69311 | #f69311 |
---|---|---|
RGB Decimal | 246, 147, 17 | rgb(246,147,17) |
RGB Percent | 96.5, 57.6, 6.7 | rgb(96.5%,57.6%,6.7%) |
CMYK | 0, 40, 93, 4 | |
HSL | 34.1°, 92.7, 51.6 | hsl(34.1,92.7%,51.6%) |
HSV (or HSB) | 34.1°, 93.1, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 69.827, 29.721, 72.76 |
---|---|
XYZ | 48.543, 40.505, 5.792 |
xyY | 0.512, 0.427, 40.505 |
CIE-LCH | 69.827, 78.596, 67.781 |
CIE-LUV | 69.827, 82.12, 66.21 |
Hunter-Lab | 63.643, 24.771, 39.154 |
Binary | 11110110, 10010011, 00010001 |
Color Schemes with #f69311
Alternatives to #f69311
Below, you can see some colors close to #f69311. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69311 Preview
This text has a font color of #f69311.
<span style="color:#f69311;">Text here</span>
This paragraph has a background color of #f69311.
<p style="background-color:#f69311;">Content here</p>
This element has a border color of #f69311.
<div style="border:1px solid #f69311;">Content here</div>
.text {color:#f69311;}
.background {background-color:#f69311;}
.border {border:1px solid #f69311;}
Shades and Tints of #f69311
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, #080500 is the darkest color, while #fffaf4 is the lightest one.
-
#080500
#080500
rgb(8,5,0)
-
#1b1001
#1b1001
rgb(27,16,1)
-
#2e1b02
#2e1b02
rgb(46,27,2)
-
#402602
#402602
rgb(64,38,2)
-
#533103
#533103
rgb(83,49,3)
-
#663c04
#663c04
rgb(102,60,4)
-
#794705
#794705
rgb(121,71,5)
-
#8c5205
#8c5205
rgb(140,82,5)
-
#9f5d06
#9f5d06
rgb(159,93,6)
-
#b26807
#b26807
rgb(178,104,7)
-
#c57307
#c57307
rgb(197,115,7)
-
#d87e08
#d87e08
rgb(216,126,8)
-
#eb8909
#eb8909
rgb(235,137,9)
-
#f69311
#f69311
rgb(246,147,17)
-
#f79c24
#f79c24
rgb(247,156,36)
-
#f7a437
#f7a437
rgb(247,164,55)
-
#f8ad4a
#f8ad4a
rgb(248,173,74)
-
#f9b55d
#f9b55d
rgb(249,181,93)
-
#fabe70
#fabe70
rgb(250,190,112)
-
#fac682
#fac682
rgb(250,198,130)
-
#fbcf95
#fbcf95
rgb(251,207,149)
-
#fcd8a8
#fcd8a8
rgb(252,216,168)
-
#fce0bb
#fce0bb
rgb(252,224,187)
-
#fde9ce
#fde9ce
rgb(253,233,206)
-
#fef1e1
#fef1e1
rgb(254,241,225)
-
#fffaf4
#fffaf4
rgb(255,250,244)
Tones of #f69311
A tone is produced by adding gray to any pure hue. In this case, #848483 is the less saturated color, while #f69311 is the most saturated one.
-
#848483
#848483
rgb(132,132,131)
-
#8e857a
#8e857a
rgb(142,133,122)
-
#978670
#978670
rgb(151,134,112)
-
#a18767
#a18767
rgb(161,135,103)
-
#aa895d
#aa895d
rgb(170,137,93)
-
#b48a54
#b48a54
rgb(180,138,84)
-
#bd8b4a
#bd8b4a
rgb(189,139,74)
-
#c78d41
#c78d41
rgb(199,141,65)
-
#d08e37
#d08e37
rgb(208,142,55)
-
#da8f2e
#da8f2e
rgb(218,143,46)
-
#e39024
#e39024
rgb(227,144,36)
-
#ed921b
#ed921b
rgb(237,146,27)
-
#f69311
#f69311
rgb(246,147,17)
Color Blindness Simulator
Below, you can see how #f69311 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.