#f2a20e Color Information
In a RGB color space, hex #f2a20e is composed of 94.9% red, 63.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 94.2% yellow and 5.1% black. It has a hue angle of 38.9 degrees, a saturation of 89.8% and a lightness of 50.2%. #f2a20e color hex could be obtained by blending #ffff1c with #e54500. Closest websafe color is: #ff9900.
-
- R 95
- G 64
- B 5
-
- C 0
- M 33
- Y 94
- K 5
● #f2a20e color description : Vivid orange.
#f2a20e Color Conversion
The hexadecimal color #f2a20e has RGB values of R:242, G:162, B:14 and CMYK values of C:0, M:0.33, Y:0.94, K:0.05. Its decimal value is 15901198.
Hex triplet | f2a20e | #f2a20e |
---|---|---|
RGB Decimal | 242, 162, 14 | rgb(242,162,14) |
RGB Percent | 94.9, 63.5, 5.5 | rgb(94.9%,63.5%,5.5%) |
CMYK | 0, 33, 94, 5 | |
HSL | 38.9°, 89.8, 50.2 | hsl(38.9,89.8%,50.2%) |
HSV (or HSB) | 38.9°, 94.2, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 72.729, 20.147, 75.055 |
---|---|
XYZ | 49.619, 44.753, 6.44 |
xyY | 0.492, 0.444, 44.753 |
CIE-LCH | 72.729, 77.712, 74.975 |
CIE-LUV | 72.729, 66.453, 71.652 |
Hunter-Lab | 66.898, 15.325, 41.12 |
Binary | 11110010, 10100010, 00001110 |
Color Schemes with #f2a20e
Alternatives to #f2a20e
Below, you can see some colors close to #f2a20e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a20e Preview
This text has a font color of #f2a20e.
<span style="color:#f2a20e;">Text here</span>
This paragraph has a background color of #f2a20e.
<p style="background-color:#f2a20e;">Content here</p>
This element has a border color of #f2a20e.
<div style="border:1px solid #f2a20e;">Content here</div>
.text {color:#f2a20e;}
.background {background-color:#f2a20e;}
.border {border:1px solid #f2a20e;}
Shades and Tints of #f2a20e
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, #010100 is the darkest color, while #fef8ed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140d01
#140d01
rgb(20,13,1)
-
#261a02
#261a02
rgb(38,26,2)
-
#392603
#392603
rgb(57,38,3)
-
#4b3204
#4b3204
rgb(75,50,4)
-
#5e3f05
#5e3f05
rgb(94,63,5)
-
#714b06
#714b06
rgb(113,75,6)
-
#835807
#835807
rgb(131,88,7)
-
#966408
#966408
rgb(150,100,8)
-
#a87109
#a87109
rgb(168,113,9)
-
#bb7d0a
#bb7d0a
rgb(187,125,10)
-
#ce890b
#ce890b
rgb(206,137,11)
-
#e0960c
#e0960c
rgb(224,150,12)
-
#f2a20e
#f2a20e
rgb(242,162,14)
-
#f3a921
#f3a921
rgb(243,169,33)
-
#f4b033
#f4b033
rgb(244,176,51)
-
#f5b846
#f5b846
rgb(245,184,70)
-
#f6bf58
#f6bf58
rgb(246,191,88)
-
#f7c66b
#f7c66b
rgb(247,198,107)
-
#f8cd7e
#f8cd7e
rgb(248,205,126)
-
#f9d490
#f9d490
rgb(249,212,144)
-
#fadba3
#fadba3
rgb(250,219,163)
-
#fbe3b6
#fbe3b6
rgb(251,227,182)
-
#fceac8
#fceac8
rgb(252,234,200)
-
#fdf1db
#fdf1db
rgb(253,241,219)
-
#fef8ed
#fef8ed
rgb(254,248,237)
Tones of #f2a20e
A tone is produced by adding gray to any pure hue. In this case, #878279 is the less saturated color, while #fca504 is the most saturated one.
-
#878279
#878279
rgb(135,130,121)
-
#908570
#908570
rgb(144,133,112)
-
#9a8866
#9a8866
rgb(154,136,102)
-
#a48b5c
#a48b5c
rgb(164,139,92)
-
#ae8e52
#ae8e52
rgb(174,142,82)
-
#b79149
#b79149
rgb(183,145,73)
-
#c1933f
#c1933f
rgb(193,147,63)
-
#cb9635
#cb9635
rgb(203,150,53)
-
#d5992b
#d5992b
rgb(213,153,43)
-
#de9c22
#de9c22
rgb(222,156,34)
-
#e89f18
#e89f18
rgb(232,159,24)
-
#f2a20e
#f2a20e
rgb(242,162,14)
-
#fca504
#fca504
rgb(252,165,4)
Color Blindness Simulator
Below, you can see how #f2a20e 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.