#fea222 Color Information
In a RGB color space, hex #fea222 is composed of 99.6% red, 63.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.2% magenta, 86.6% yellow and 0.4% black. It has a hue angle of 34.9 degrees, a saturation of 99.1% and a lightness of 56.5%. #fea222 color hex could be obtained by blending #ffff44 with #fd4500. Closest websafe color is: #ff9933.
-
- R 100
- G 64
- B 13
-
- C 0
- M 36
- Y 87
- K 0
● #fea222 color description : Vivid orange.
#fea222 Color Conversion
The hexadecimal color #fea222 has RGB values of R:254, G:162, B:34 and CMYK values of C:0, M:0.36, Y:0.87, K:0. Its decimal value is 16687650.
Hex triplet | fea222 | #fea222 |
---|---|---|
RGB Decimal | 254, 162, 34 | rgb(254,162,34) |
RGB Percent | 99.6, 63.5, 13.3 | rgb(99.6%,63.5%,13.3%) |
CMYK | 0, 36, 87, 0 | |
HSL | 34.9°, 99.1, 56.5 | hsl(34.9,99.1%,56.5%) |
HSV (or HSB) | 34.9°, 86.6, 99.6 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.21, 25.495, 72.674 |
---|---|
XYZ | 54.084, 47.031, 7.743 |
xyY | 0.497, 0.432, 47.031 |
CIE-LCH | 74.21, 77.016, 70.668 |
CIE-LUV | 74.21, 75.758, 69.85 |
Hunter-Lab | 68.579, 20.757, 41.311 |
Binary | 11111110, 10100010, 00100010 |
Color Schemes with #fea222
Alternatives to #fea222
Below, you can see some colors close to #fea222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fea222 Preview
This text has a font color of #fea222.
<span style="color:#fea222;">Text here</span>
This paragraph has a background color of #fea222.
<p style="background-color:#fea222;">Content here</p>
This element has a border color of #fea222.
<div style="border:1px solid #fea222;">Content here</div>
.text {color:#fea222;}
.background {background-color:#fea222;}
.border {border:1px solid #fea222;}
Shades and Tints of #fea222
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, #0d0800 is the darkest color, while #fffcf9 is the lightest one.
-
#0d0800
#0d0800
rgb(13,8,0)
-
#211300
#211300
rgb(33,19,0)
-
#341f00
#341f00
rgb(52,31,0)
-
#482a00
#482a00
rgb(72,42,0)
-
#5b3500
#5b3500
rgb(91,53,0)
-
#6f4101
#6f4101
rgb(111,65,1)
-
#824c01
#824c01
rgb(130,76,1)
-
#965801
#965801
rgb(150,88,1)
-
#aa6301
#aa6301
rgb(170,99,1)
-
#bd6e01
#bd6e01
rgb(189,110,1)
-
#d17a01
#d17a01
rgb(209,122,1)
-
#e48501
#e48501
rgb(228,133,1)
-
#f89101
#f89101
rgb(248,145,1)
-
#fe9a0e
#fe9a0e
rgb(254,154,14)
-
#fea222
#fea222
rgb(254,162,34)
-
#feaa36
#feaa36
rgb(254,170,54)
-
#feb249
#feb249
rgb(254,178,73)
-
#febb5d
#febb5d
rgb(254,187,93)
-
#fec370
#fec370
rgb(254,195,112)
-
#fecb84
#fecb84
rgb(254,203,132)
-
#ffd397
#ffd397
rgb(255,211,151)
-
#ffdcab
#ffdcab
rgb(255,220,171)
-
#ffe4be
#ffe4be
rgb(255,228,190)
-
#ffecd2
#ffecd2
rgb(255,236,210)
-
#fff4e5
#fff4e5
rgb(255,244,229)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #fea222
A tone is produced by adding gray to any pure hue. In this case, #989188 is the less saturated color, while #fea222 is the most saturated one.
-
#989188
#989188
rgb(152,145,136)
-
#a09380
#a09380
rgb(160,147,128)
-
#a99477
#a99477
rgb(169,148,119)
-
#b1956f
#b1956f
rgb(177,149,111)
-
#ba9766
#ba9766
rgb(186,151,102)
-
#c2985e
#c2985e
rgb(194,152,94)
-
#cb9a55
#cb9a55
rgb(203,154,85)
-
#d39b4d
#d39b4d
rgb(211,155,77)
-
#dc9c44
#dc9c44
rgb(220,156,68)
-
#e49e3c
#e49e3c
rgb(228,158,60)
-
#ed9f33
#ed9f33
rgb(237,159,51)
-
#f5a12b
#f5a12b
rgb(245,161,43)
-
#fea222
#fea222
rgb(254,162,34)
Color Blindness Simulator
Below, you can see how #fea222 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.