#f6a022 Color Information
In a RGB color space, hex #f6a022 is composed of 96.5% red, 62.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35% magenta, 86.2% yellow and 3.5% black. It has a hue angle of 35.7 degrees, a saturation of 92.2% and a lightness of 54.9%. #f6a022 color hex could be obtained by blending #ffff44 with #ed4100. Closest websafe color is: #ff9933.
-
- R 96
- G 63
- B 13
-
- C 0
- M 35
- Y 86
- K 4
● #f6a022 color description : Vivid orange.
#f6a022 Color Conversion
The hexadecimal color #f6a022 has RGB values of R:246, G:160, B:34 and CMYK values of C:0, M:0.35, Y:0.86, K:0.04. Its decimal value is 16162850.
Hex triplet | f6a022 | #f6a022 |
---|---|---|
RGB Decimal | 246, 160, 34 | rgb(246,160,34) |
RGB Percent | 96.5, 62.7, 13.3 | rgb(96.5%,62.7%,13.3%) |
CMYK | 0, 35, 86, 4 | |
HSL | 35.7°, 92.2, 54.9 | hsl(35.7,92.2%,54.9%) |
HSV (or HSB) | 35.7°, 86.2, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 72.795, 23.208, 71.14 |
---|---|
XYZ | 50.867, 44.854, 7.492 |
xyY | 0.493, 0.435, 44.854 |
CIE-LCH | 72.795, 74.83, 71.932 |
CIE-LUV | 72.795, 70.835, 68.786 |
Hunter-Lab | 66.973, 18.371, 40.248 |
Binary | 11110110, 10100000, 00100010 |
Color Schemes with #f6a022
Alternatives to #f6a022
Below, you can see some colors close to #f6a022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f6a022 Preview
This text has a font color of #f6a022.
<span style="color:#f6a022;">Text here</span>
This paragraph has a background color of #f6a022.
<p style="background-color:#f6a022;">Content here</p>
This element has a border color of #f6a022.
<div style="border:1px solid #f6a022;">Content here</div>
.text {color:#f6a022;}
.background {background-color:#f6a022;}
.border {border:1px solid #f6a022;}
Shades and Tints of #f6a022
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, #050300 is the darkest color, while #fef9f1 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#180f01
#180f01
rgb(24,15,1)
-
#2b1a02
#2b1a02
rgb(43,26,2)
-
#3e2603
#3e2603
rgb(62,38,3)
-
#513103
#513103
rgb(81,49,3)
-
#633d04
#633d04
rgb(99,61,4)
-
#764805
#764805
rgb(118,72,5)
-
#895406
#895406
rgb(137,84,6)
-
#9c5f06
#9c5f06
rgb(156,95,6)
-
#af6b07
#af6b07
rgb(175,107,7)
-
#c27608
#c27608
rgb(194,118,8)
-
#d58209
#d58209
rgb(213,130,9)
-
#e78d09
#e78d09
rgb(231,141,9)
-
#f5980f
#f5980f
rgb(245,152,15)
-
#f6a022
#f6a022
rgb(246,160,34)
-
#f7a835
#f7a835
rgb(247,168,53)
-
#f8b048
#f8b048
rgb(248,176,72)
-
#f8b85b
#f8b85b
rgb(248,184,91)
-
#f9c06d
#f9c06d
rgb(249,192,109)
-
#fac980
#fac980
rgb(250,201,128)
-
#fbd193
#fbd193
rgb(251,209,147)
-
#fbd9a6
#fbd9a6
rgb(251,217,166)
-
#fce1b9
#fce1b9
rgb(252,225,185)
-
#fde9cc
#fde9cc
rgb(253,233,204)
-
#fef1de
#fef1de
rgb(254,241,222)
-
#fef9f1
#fef9f1
rgb(254,249,241)
Tones of #f6a022
A tone is produced by adding gray to any pure hue. In this case, #958e83 is the less saturated color, while #ffa219 is the most saturated one.
-
#958e83
#958e83
rgb(149,142,131)
-
#9e8f7a
#9e8f7a
rgb(158,143,122)
-
#a69172
#a69172
rgb(166,145,114)
-
#af9369
#af9369
rgb(175,147,105)
-
#b89460
#b89460
rgb(184,148,96)
-
#c19657
#c19657
rgb(193,150,87)
-
#ca984e
#ca984e
rgb(202,152,78)
-
#d39945
#d39945
rgb(211,153,69)
-
#db9b3d
#db9b3d
rgb(219,155,61)
-
#e49d34
#e49d34
rgb(228,157,52)
-
#ed9e2b
#ed9e2b
rgb(237,158,43)
-
#f6a022
#f6a022
rgb(246,160,34)
-
#ffa219
#ffa219
rgb(255,162,25)
Color Blindness Simulator
Below, you can see how #f6a022 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.