#f7a21e Color Information
In a RGB color space, hex #f7a21e is composed of 96.9% red, 63.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 87.9% yellow and 3.1% black. It has a hue angle of 36.5 degrees, a saturation of 93.1% and a lightness of 54.3%. #f7a21e color hex could be obtained by blending #ffff3c with #ef4500. Closest websafe color is: #ff9933.
-
- R 97
- G 64
- B 12
-
- C 0
- M 34
- Y 88
- K 3
● #f7a21e color description : Vivid orange.
#f7a21e Color Conversion
The hexadecimal color #f7a21e has RGB values of R:247, G:162, B:30 and CMYK values of C:0, M:0.34, Y:0.88, K:0.03. Its decimal value is 16228894.
Hex triplet | f7a21e | #f7a21e |
---|---|---|
RGB Decimal | 247, 162, 30 | rgb(247,162,30) |
RGB Percent | 96.9, 63.5, 11.8 | rgb(96.9%,63.5%,11.8%) |
CMYK | 0, 34, 88, 3 | |
HSL | 36.5°, 93.1, 54.3 | hsl(36.5,93.1%,54.3%) |
HSV (or HSB) | 36.5°, 87.9, 96.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.358, 22.495, 72.674 |
---|---|
XYZ | 51.514, 45.712, 7.339 |
xyY | 0.493, 0.437, 45.712 |
CIE-LCH | 73.358, 76.076, 72.801 |
CIE-LUV | 73.358, 70.158, 70.145 |
Hunter-Lab | 67.611, 17.683, 40.892 |
Binary | 11110111, 10100010, 00011110 |
Color Schemes with #f7a21e
Alternatives to #f7a21e
Below, you can see some colors close to #f7a21e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a21e Preview
This text has a font color of #f7a21e.
<span style="color:#f7a21e;">Text here</span>
This paragraph has a background color of #f7a21e.
<p style="background-color:#f7a21e;">Content here</p>
This element has a border color of #f7a21e.
<div style="border:1px solid #f7a21e;">Content here</div>
.text {color:#f7a21e;}
.background {background-color:#f7a21e;}
.border {border:1px solid #f7a21e;}
Shades and Tints of #f7a21e
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, #020100 is the darkest color, while #fef8ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150d01
#150d01
rgb(21,13,1)
-
#281901
#281901
rgb(40,25,1)
-
#3b2502
#3b2502
rgb(59,37,2)
-
#4e3103
#4e3103
rgb(78,49,3)
-
#613c03
#613c03
rgb(97,60,3)
-
#744804
#744804
rgb(116,72,4)
-
#875405
#875405
rgb(135,84,5)
-
#9a6005
#9a6005
rgb(154,96,5)
-
#ad6c06
#ad6c06
rgb(173,108,6)
-
#c07707
#c07707
rgb(192,119,7)
-
#d38307
#d38307
rgb(211,131,7)
-
#e68f08
#e68f08
rgb(230,143,8)
-
#f69a0b
#f69a0b
rgb(246,154,11)
-
#f7a21e
#f7a21e
rgb(247,162,30)
-
#f8aa31
#f8aa31
rgb(248,170,49)
-
#f8b244
#f8b244
rgb(248,178,68)
-
#f9b957
#f9b957
rgb(249,185,87)
-
#fac16a
#fac16a
rgb(250,193,106)
-
#fac97d
#fac97d
rgb(250,201,125)
-
#fbd190
#fbd190
rgb(251,209,144)
-
#fcd9a3
#fcd9a3
rgb(252,217,163)
-
#fce1b6
#fce1b6
rgb(252,225,182)
-
#fde8c8
#fde8c8
rgb(253,232,200)
-
#fef0db
#fef0db
rgb(254,240,219)
-
#fef8ee
#fef8ee
rgb(254,248,238)
Tones of #f7a21e
A tone is produced by adding gray to any pure hue. In this case, #8b8b8a is the less saturated color, while #f7a21e is the most saturated one.
-
#8b8b8a
#8b8b8a
rgb(139,139,138)
-
#948d81
#948d81
rgb(148,141,129)
-
#9d8f78
#9d8f78
rgb(157,143,120)
-
#a6916f
#a6916f
rgb(166,145,111)
-
#af9266
#af9266
rgb(175,146,102)
-
#b8945d
#b8945d
rgb(184,148,93)
-
#c19654
#c19654
rgb(193,150,84)
-
#ca984b
#ca984b
rgb(202,152,75)
-
#d39a42
#d39a42
rgb(211,154,66)
-
#dc9c39
#dc9c39
rgb(220,156,57)
-
#e59e30
#e59e30
rgb(229,158,48)
-
#eea027
#eea027
rgb(238,160,39)
-
#f7a21e
#f7a21e
rgb(247,162,30)
Color Blindness Simulator
Below, you can see how #f7a21e 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.