#f69312 Color Information
In a RGB color space, hex #f69312 is composed of 96.5% red, 57.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 92.7% yellow and 3.5% black. It has a hue angle of 33.9 degrees, a saturation of 92.7% and a lightness of 51.8%. #f69312 color hex could be obtained by blending #ffff24 with #ed2700. Closest websafe color is: #ff9900.
-
- R 96
- G 58
- B 7
-
- C 0
- M 40
- Y 93
- K 4
● #f69312 color description : Vivid orange.
#f69312 Color Conversion
The hexadecimal color #f69312 has RGB values of R:246, G:147, B:18 and CMYK values of C:0, M:0.4, Y:0.93, K:0.04. Its decimal value is 16159506.
Hex triplet | f69312 | #f69312 |
---|---|---|
RGB Decimal | 246, 147, 18 | rgb(246,147,18) |
RGB Percent | 96.5, 57.6, 7.1 | rgb(96.5%,57.6%,7.1%) |
CMYK | 0, 40, 93, 4 | |
HSL | 33.9°, 92.7, 51.8 | hsl(33.9,92.7%,51.8%) |
HSV (or HSB) | 33.9°, 92.7, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 69.83, 29.733, 72.582 |
---|---|
XYZ | 48.551, 40.508, 5.834 |
xyY | 0.512, 0.427, 40.508 |
CIE-LCH | 69.83, 78.436, 67.724 |
CIE-LUV | 69.83, 82.095, 66.118 |
Hunter-Lab | 63.646, 24.784, 39.117 |
Binary | 11110110, 10010011, 00010010 |
Color Schemes with #f69312
Alternatives to #f69312
Below, you can see some colors close to #f69312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69312 Preview
This text has a font color of #f69312.
<span style="color:#f69312;">Text here</span>
This paragraph has a background color of #f69312.
<p style="background-color:#f69312;">Content here</p>
This element has a border color of #f69312.
<div style="border:1px solid #f69312;">Content here</div>
.text {color:#f69312;}
.background {background-color:#f69312;}
.border {border:1px solid #f69312;}
Shades and Tints of #f69312
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, #090500 is the darkest color, while #fffaf5 is the lightest one.
-
#090500
#090500
rgb(9,5,0)
-
#1c1001
#1c1001
rgb(28,16,1)
-
#2e1b02
#2e1b02
rgb(46,27,2)
-
#412602
#412602
rgb(65,38,2)
-
#543103
#543103
rgb(84,49,3)
-
#673c04
#673c04
rgb(103,60,4)
-
#7a4705
#7a4705
rgb(122,71,5)
-
#8d5205
#8d5205
rgb(141,82,5)
-
#a05d06
#a05d06
rgb(160,93,6)
-
#b36807
#b36807
rgb(179,104,7)
-
#c67308
#c67308
rgb(198,115,8)
-
#d97e08
#d97e08
rgb(217,126,8)
-
#eb8909
#eb8909
rgb(235,137,9)
-
#f69312
#f69312
rgb(246,147,18)
-
#f79c25
#f79c25
rgb(247,156,37)
-
#f7a438
#f7a438
rgb(247,164,56)
-
#f8ad4b
#f8ad4b
rgb(248,173,75)
-
#f9b55e
#f9b55e
rgb(249,181,94)
-
#fabe70
#fabe70
rgb(250,190,112)
-
#fac783
#fac783
rgb(250,199,131)
-
#fbcf96
#fbcf96
rgb(251,207,150)
-
#fcd8a9
#fcd8a9
rgb(252,216,169)
-
#fce1bc
#fce1bc
rgb(252,225,188)
-
#fde9cf
#fde9cf
rgb(253,233,207)
-
#fef2e2
#fef2e2
rgb(254,242,226)
-
#fffaf5
#fffaf5
rgb(255,250,245)
Tones of #f69312
A tone is produced by adding gray to any pure hue. In this case, #848484 is the less saturated color, while #f69312 is the most saturated one.
-
#848484
#848484
rgb(132,132,132)
-
#8e857a
#8e857a
rgb(142,133,122)
-
#978771
#978771
rgb(151,135,113)
-
#a18867
#a18867
rgb(161,136,103)
-
#aa895e
#aa895e
rgb(170,137,94)
-
#b48a54
#b48a54
rgb(180,138,84)
-
#bd8c4b
#bd8c4b
rgb(189,140,75)
-
#c78d41
#c78d41
rgb(199,141,65)
-
#d08e38
#d08e38
rgb(208,142,56)
-
#da8f2e
#da8f2e
rgb(218,143,46)
-
#e39125
#e39125
rgb(227,145,37)
-
#ed921b
#ed921b
rgb(237,146,27)
-
#f69312
#f69312
rgb(246,147,18)
Color Blindness Simulator
Below, you can see how #f69312 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.