#f69301 Color Information
In a RGB color space, hex #f69301 is composed of 96.5% red, 57.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 99.6% yellow and 3.5% black. It has a hue angle of 35.8 degrees, a saturation of 99.2% and a lightness of 48.4%. #f69301 color hex could be obtained by blending #ffff02 with #ed2700. Closest websafe color is: #ff9900.
-
- R 96
- G 58
- B 0
-
- C 0
- M 40
- Y 100
- K 4
● #f69301 color description : Vivid orange.
#f69301 Color Conversion
The hexadecimal color #f69301 has RGB values of R:246, G:147, B:1 and CMYK values of C:0, M:0.4, Y:1, K:0.04. Its decimal value is 16159489.
Hex triplet | f69301 | #f69301 |
---|---|---|
RGB Decimal | 246, 147, 1 | rgb(246,147,1) |
RGB Percent | 96.5, 57.6, 0.4 | rgb(96.5%,57.6%,0.4%) |
CMYK | 0, 40, 100, 4 | |
HSL | 35.8°, 99.2, 48.4 | hsl(35.8,99.2%,48.4%) |
HSV (or HSB) | 35.8°, 99.6, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 69.8, 29.574, 74.962 |
---|---|
XYZ | 48.447, 40.466, 5.288 |
xyY | 0.514, 0.43, 40.466 |
CIE-LCH | 69.8, 80.585, 68.469 |
CIE-LUV | 69.8, 82.421, 67.315 |
Hunter-Lab | 63.613, 24.62, 39.6 |
Binary | 11110110, 10010011, 00000001 |
Color Schemes with #f69301
Alternatives to #f69301
Below, you can see some colors close to #f69301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69301 Preview
This text has a font color of #f69301.
<span style="color:#f69301;">Text here</span>
This paragraph has a background color of #f69301.
<p style="background-color:#f69301;">Content here</p>
This element has a border color of #f69301.
<div style="border:1px solid #f69301;">Content here</div>
.text {color:#f69301;}
.background {background-color:#f69301;}
.border {border:1px solid #f69301;}
Shades and Tints of #f69301
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, #0c0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0c0700
#0c0700
rgb(12,7,0)
-
#1f1300
#1f1300
rgb(31,19,0)
-
#331e00
#331e00
rgb(51,30,0)
-
#462a00
#462a00
rgb(70,42,0)
-
#5a3600
#5a3600
rgb(90,54,0)
-
#6d4100
#6d4100
rgb(109,65,0)
-
#814d01
#814d01
rgb(129,77,1)
-
#945901
#945901
rgb(148,89,1)
-
#a86401
#a86401
rgb(168,100,1)
-
#bb7001
#bb7001
rgb(187,112,1)
-
#cf7c01
#cf7c01
rgb(207,124,1)
-
#e28701
#e28701
rgb(226,135,1)
-
#f69301
#f69301
rgb(246,147,1)
-
#fe9c0d
#fe9c0d
rgb(254,156,13)
-
#fea420
#fea420
rgb(254,164,32)
-
#feac34
#feac34
rgb(254,172,52)
-
#feb447
#feb447
rgb(254,180,71)
-
#febc5b
#febc5b
rgb(254,188,91)
-
#fec46e
#fec46e
rgb(254,196,110)
-
#fecc82
#fecc82
rgb(254,204,130)
-
#ffd495
#ffd495
rgb(255,212,149)
-
#ffdca9
#ffdca9
rgb(255,220,169)
-
#ffe4bc
#ffe4bc
rgb(255,228,188)
-
#ffecd0
#ffecd0
rgb(255,236,208)
-
#fff4e3
#fff4e3
rgb(255,244,227)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #f69301
A tone is produced by adding gray to any pure hue. In this case, #847d73 is the less saturated color, while #f69301 is the most saturated one.
-
#847d73
#847d73
rgb(132,125,115)
-
#8e7f6a
#8e7f6a
rgb(142,127,106)
-
#978160
#978160
rgb(151,129,96)
-
#a18357
#a18357
rgb(161,131,87)
-
#aa844d
#aa844d
rgb(170,132,77)
-
#b48644
#b48644
rgb(180,134,68)
-
#bd883a
#bd883a
rgb(189,136,58)
-
#c78a31
#c78a31
rgb(199,138,49)
-
#d08c27
#d08c27
rgb(208,140,39)
-
#da8e1e
#da8e1e
rgb(218,142,30)
-
#e38f14
#e38f14
rgb(227,143,20)
-
#ed910b
#ed910b
rgb(237,145,11)
-
#f69301
#f69301
rgb(246,147,1)
Color Blindness Simulator
Below, you can see how #f69301 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.