#f69521 Color Information
In a RGB color space, hex #f69521 is composed of 96.5% red, 58.4% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 86.6% yellow and 3.5% black. It has a hue angle of 32.7 degrees, a saturation of 92.2% and a lightness of 54.7%. #f69521 color hex could be obtained by blending #ffff42 with #ed2b00. Closest websafe color is: #ff9933.
-
- R 96
- G 58
- B 13
-
- C 0
- M 39
- Y 87
- K 4
● #f69521 color description : Vivid orange.
#f69521 Color Conversion
The hexadecimal color #f69521 has RGB values of R:246, G:149, B:33 and CMYK values of C:0, M:0.39, Y:0.87, K:0.04. Its decimal value is 16160033.
Hex triplet | f69521 | #f69521 |
---|---|---|
RGB Decimal | 246, 149, 33 | rgb(246,149,33) |
RGB Percent | 96.5, 58.4, 12.9 | rgb(96.5%,58.4%,12.9%) |
CMYK | 0, 39, 87, 4 | |
HSL | 32.7°, 92.2, 54.7 | hsl(32.7,92.2%,54.7%) |
HSV (or HSB) | 32.7°, 86.6, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 70.317, 28.944, 69.436 |
---|---|
XYZ | 49.03, 41.201, 6.809 |
xyY | 0.505, 0.425, 41.201 |
CIE-LCH | 70.317, 75.227, 67.372 |
CIE-LUV | 70.317, 79.923, 64.943 |
Hunter-Lab | 64.188, 24.016, 38.642 |
Binary | 11110110, 10010101, 00100001 |
Color Schemes with #f69521
Alternatives to #f69521
Below, you can see some colors close to #f69521. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69521 Preview
This text has a font color of #f69521.
<span style="color:#f69521;">Text here</span>
This paragraph has a background color of #f69521.
<p style="background-color:#f69521;">Content here</p>
This element has a border color of #f69521.
<div style="border:1px solid #f69521;">Content here</div>
.text {color:#f69521;}
.background {background-color:#f69521;}
.border {border:1px solid #f69521;}
Shades and Tints of #f69521
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, #040200 is the darkest color, while #fef8f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170d01
#170d01
rgb(23,13,1)
-
#2a1802
#2a1802
rgb(42,24,2)
-
#3d2202
#3d2202
rgb(61,34,2)
-
#502d03
#502d03
rgb(80,45,3)
-
#623704
#623704
rgb(98,55,4)
-
#754205
#754205
rgb(117,66,5)
-
#884d06
#884d06
rgb(136,77,6)
-
#9b5706
#9b5706
rgb(155,87,6)
-
#ae6207
#ae6207
rgb(174,98,7)
-
#c16d08
#c16d08
rgb(193,109,8)
-
#d47709
#d47709
rgb(212,119,9)
-
#e68209
#e68209
rgb(230,130,9)
-
#f58c0e
#f58c0e
rgb(245,140,14)
-
#f69521
#f69521
rgb(246,149,33)
-
#f79e34
#f79e34
rgb(247,158,52)
-
#f8a747
#f8a747
rgb(248,167,71)
-
#f8b05a
#f8b05a
rgb(248,176,90)
-
#f9b96c
#f9b96c
rgb(249,185,108)
-
#fac27f
#fac27f
rgb(250,194,127)
-
#fbcb92
#fbcb92
rgb(251,203,146)
-
#fbd4a5
#fbd4a5
rgb(251,212,165)
-
#fcddb8
#fcddb8
rgb(252,221,184)
-
#fde6cb
#fde6cb
rgb(253,230,203)
-
#feefde
#feefde
rgb(254,239,222)
-
#fef8f0
#fef8f0
rgb(254,248,240)
Tones of #f69521
A tone is produced by adding gray to any pure hue. In this case, #948c83 is the less saturated color, while #ff9618 is the most saturated one.
-
#948c83
#948c83
rgb(148,140,131)
-
#9d8d7a
#9d8d7a
rgb(157,141,122)
-
#a68e71
#a68e71
rgb(166,142,113)
-
#af8f68
#af8f68
rgb(175,143,104)
-
#b88f5f
#b88f5f
rgb(184,143,95)
-
#c19056
#c19056
rgb(193,144,86)
-
#ca914d
#ca914d
rgb(202,145,77)
-
#d29245
#d29245
rgb(210,146,69)
-
#db933c
#db933c
rgb(219,147,60)
-
#e49333
#e49333
rgb(228,147,51)
-
#ed942a
#ed942a
rgb(237,148,42)
-
#f69521
#f69521
rgb(246,149,33)
-
#ff9618
#ff9618
rgb(255,150,24)
Color Blindness Simulator
Below, you can see how #f69521 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.