#f69316 Color Information
In a RGB color space, hex #f69316 is composed of 96.5% red, 57.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 91.1% yellow and 3.5% black. It has a hue angle of 33.5 degrees, a saturation of 92.6% and a lightness of 52.5%. #f69316 color hex could be obtained by blending #ffff2c with #ed2700. Closest websafe color is: #ff9900.
-
- R 96
- G 58
- B 9
-
- C 0
- M 40
- Y 91
- K 4
● #f69316 color description : Vivid orange.
#f69316 Color Conversion
The hexadecimal color #f69316 has RGB values of R:246, G:147, B:22 and CMYK values of C:0, M:0.4, Y:0.91, K:0.04. Its decimal value is 16159510.
Hex triplet | f69316 | #f69316 |
---|---|---|
RGB Decimal | 246, 147, 22 | rgb(246,147,22) |
RGB Percent | 96.5, 57.6, 8.6 | rgb(96.5%,57.6%,8.6%) |
CMYK | 0, 40, 91, 4 | |
HSL | 33.5°, 92.6, 52.5 | hsl(33.5,92.6%,52.5%) |
HSV (or HSB) | 33.5°, 91.1, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 69.84, 29.787, 71.8 |
---|---|
XYZ | 48.586, 40.522, 6.022 |
xyY | 0.511, 0.426, 40.522 |
CIE-LCH | 69.84, 77.733, 67.468 |
CIE-LUV | 69.84, 81.984, 65.708 |
Hunter-Lab | 63.657, 24.84, 38.951 |
Binary | 11110110, 10010011, 00010110 |
Color Schemes with #f69316
Alternatives to #f69316
Below, you can see some colors close to #f69316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69316 Preview
This text has a font color of #f69316.
<span style="color:#f69316;">Text here</span>
This paragraph has a background color of #f69316.
<p style="background-color:#f69316;">Content here</p>
This element has a border color of #f69316.
<div style="border:1px solid #f69316;">Content here</div>
.text {color:#f69316;}
.background {background-color:#f69316;}
.border {border:1px solid #f69316;}
Shades and Tints of #f69316
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, #0d0700 is the darkest color, while #fffcf9 is the lightest one.
-
#0d0700
#0d0700
rgb(13,7,0)
-
#1f1201
#1f1201
rgb(31,18,1)
-
#321d02
#321d02
rgb(50,29,2)
-
#452803
#452803
rgb(69,40,3)
-
#583303
#583303
rgb(88,51,3)
-
#6b3e04
#6b3e04
rgb(107,62,4)
-
#7e4805
#7e4805
rgb(126,72,5)
-
#915306
#915306
rgb(145,83,6)
-
#a45e06
#a45e06
rgb(164,94,6)
-
#b66907
#b66907
rgb(182,105,7)
-
#c97408
#c97408
rgb(201,116,8)
-
#dc7f09
#dc7f09
rgb(220,127,9)
-
#ef8a09
#ef8a09
rgb(239,138,9)
-
#f69316
#f69316
rgb(246,147,22)
-
#f79c29
#f79c29
rgb(247,156,41)
-
#f7a53c
#f7a53c
rgb(247,165,60)
-
#f8ad4f
#f8ad4f
rgb(248,173,79)
-
#f9b662
#f9b662
rgb(249,182,98)
-
#fabf74
#fabf74
rgb(250,191,116)
-
#fac887
#fac887
rgb(250,200,135)
-
#fbd09a
#fbd09a
rgb(251,208,154)
-
#fcd9ad
#fcd9ad
rgb(252,217,173)
-
#fde2c0
#fde2c0
rgb(253,226,192)
-
#fdebd3
#fdebd3
rgb(253,235,211)
-
#fef3e6
#fef3e6
rgb(254,243,230)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #f69316
A tone is produced by adding gray to any pure hue. In this case, #868686 is the less saturated color, while #f69316 is the most saturated one.
-
#868686
#868686
rgb(134,134,134)
-
#90877c
#90877c
rgb(144,135,124)
-
#998873
#998873
rgb(153,136,115)
-
#a2896a
#a2896a
rgb(162,137,106)
-
#ac8a60
#ac8a60
rgb(172,138,96)
-
#b58b57
#b58b57
rgb(181,139,87)
-
#be8d4e
#be8d4e
rgb(190,141,78)
-
#c78e45
#c78e45
rgb(199,142,69)
-
#d18f3b
#d18f3b
rgb(209,143,59)
-
#da9032
#da9032
rgb(218,144,50)
-
#e39129
#e39129
rgb(227,145,41)
-
#ed921f
#ed921f
rgb(237,146,31)
-
#f69316
#f69316
rgb(246,147,22)
Color Blindness Simulator
Below, you can see how #f69316 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.