#f69501 Color Information
In a RGB color space, hex #f69501 is composed of 96.5% red, 58.4% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 99.6% yellow and 3.5% black. It has a hue angle of 36.2 degrees, a saturation of 99.2% and a lightness of 48.4%. #f69501 color hex could be obtained by blending #ffff02 with #ed2b00. Closest websafe color is: #ff9900.
-
- R 96
- G 58
- B 0
-
- C 0
- M 39
- Y 100
- K 4
● #f69501 color description : Vivid orange.
#f69501 Color Conversion
The hexadecimal color #f69501 has RGB values of R:246, G:149, B:1 and CMYK values of C:0, M:0.39, Y:1, K:0.04. Its decimal value is 16160001.
Hex triplet | f69501 | #f69501 |
---|---|---|
RGB Decimal | 246, 149, 1 | rgb(246,149,1) |
RGB Percent | 96.5, 58.4, 0.4 | rgb(96.5%,58.4%,0.4%) |
CMYK | 0, 39, 100, 4 | |
HSL | 36.2°, 99.2, 48.4 | hsl(36.2,99.2%,48.4%) |
HSV (or HSB) | 36.2°, 99.6, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 70.242, 28.533, 75.244 |
---|---|
XYZ | 48.761, 41.094, 5.393 |
xyY | 0.512, 0.431, 41.094 |
CIE-LCH | 70.242, 80.473, 69.233 |
CIE-LUV | 70.242, 80.74, 68.009 |
Hunter-Lab | 64.104, 23.592, 39.885 |
Binary | 11110110, 10010101, 00000001 |
Color Schemes with #f69501
Alternatives to #f69501
Below, you can see some colors close to #f69501. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69501 Preview
This text has a font color of #f69501.
<span style="color:#f69501;">Text here</span>
This paragraph has a background color of #f69501.
<p style="background-color:#f69501;">Content here</p>
This element has a border color of #f69501.
<div style="border:1px solid #f69501;">Content here</div>
.text {color:#f69501;}
.background {background-color:#f69501;}
.border {border:1px solid #f69501;}
Shades and Tints of #f69501
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)
-
#331f00
#331f00
rgb(51,31,0)
-
#462b00
#462b00
rgb(70,43,0)
-
#5a3600
#5a3600
rgb(90,54,0)
-
#6d4200
#6d4200
rgb(109,66,0)
-
#814e01
#814e01
rgb(129,78,1)
-
#945a01
#945a01
rgb(148,90,1)
-
#a86601
#a86601
rgb(168,102,1)
-
#bb7201
#bb7201
rgb(187,114,1)
-
#cf7d01
#cf7d01
rgb(207,125,1)
-
#e28901
#e28901
rgb(226,137,1)
-
#f69501
#f69501
rgb(246,149,1)
-
#fe9e0d
#fe9e0d
rgb(254,158,13)
-
#fea620
#fea620
rgb(254,166,32)
-
#feae34
#feae34
rgb(254,174,52)
-
#feb647
#feb647
rgb(254,182,71)
-
#febe5b
#febe5b
rgb(254,190,91)
-
#fec56e
#fec56e
rgb(254,197,110)
-
#fecd82
#fecd82
rgb(254,205,130)
-
#ffd595
#ffd595
rgb(255,213,149)
-
#ffdda9
#ffdda9
rgb(255,221,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 #f69501
A tone is produced by adding gray to any pure hue. In this case, #847d73 is the less saturated color, while #f69501 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)
-
#aa854d
#aa854d
rgb(170,133,77)
-
#b48744
#b48744
rgb(180,135,68)
-
#bd893a
#bd893a
rgb(189,137,58)
-
#c78b31
#c78b31
rgb(199,139,49)
-
#d08d27
#d08d27
rgb(208,141,39)
-
#da8f1e
#da8f1e
rgb(218,143,30)
-
#e39114
#e39114
rgb(227,145,20)
-
#ed930b
#ed930b
rgb(237,147,11)
-
#f69501
#f69501
rgb(246,149,1)
Color Blindness Simulator
Below, you can see how #f69501 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.