#ffe222 Color Information
In a RGB color space, hex #ffe222 is composed of 100% red, 88.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 86.7% yellow and 0% black. It has a hue angle of 52.1 degrees, a saturation of 100% and a lightness of 56.7%. #ffe222 color hex could be obtained by blending #ffff44 with #ffc500. Closest websafe color is: #ffcc33.
-
- R 100
- G 89
- B 13
-
- C 0
- M 11
- Y 87
- K 0
● #ffe222 color description : Vivid yellow.
#ffe222 Color Conversion
The hexadecimal color #ffe222 has RGB values of R:255, G:226, B:34 and CMYK values of C:0, M:0.11, Y:0.87, K:0. Its decimal value is 16769570.
Hex triplet | ffe222 | #ffe222 |
---|---|---|
RGB Decimal | 255, 226, 34 | rgb(255,226,34) |
RGB Percent | 100, 88.6, 13.3 | rgb(100%,88.6%,13.3%) |
CMYK | 0, 11, 87, 0 | |
HSL | 52.1°, 100, 56.7 | hsl(52.1,100%,56.7%) |
HSV (or HSB) | 52.1°, 86.7, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 89.753, -7.054, 85.081 |
---|---|
XYZ | 68.726, 75.771, 12.519 |
xyY | 0.438, 0.483, 75.771 |
CIE-LCH | 89.753, 85.373, 94.739 |
CIE-LUV | 89.753, 27.244, 93.757 |
Hunter-Lab | 87.046, -11.4, 52.406 |
Binary | 11111111, 11100010, 00100010 |
Color Schemes with #ffe222
Alternatives to #ffe222
Below, you can see some colors close to #ffe222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffe222 Preview
This text has a font color of #ffe222.
<span style="color:#ffe222;">Text here</span>
This paragraph has a background color of #ffe222.
<p style="background-color:#ffe222;">Content here</p>
This element has a border color of #ffe222.
<div style="border:1px solid #ffe222;">Content here</div>
.text {color:#ffe222;}
.background {background-color:#ffe222;}
.border {border:1px solid #ffe222;}
Shades and Tints of #ffe222
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, #0e0c00 is the darkest color, while #fffefa is the lightest one.
-
#0e0c00
#0e0c00
rgb(14,12,0)
-
#221e00
#221e00
rgb(34,30,0)
-
#362f00
#362f00
rgb(54,47,0)
-
#494000
#494000
rgb(73,64,0)
-
#5d5100
#5d5100
rgb(93,81,0)
-
#706200
#706200
rgb(112,98,0)
-
#847300
#847300
rgb(132,115,0)
-
#988400
#988400
rgb(152,132,0)
-
#ab9500
#ab9500
rgb(171,149,0)
-
#bfa600
#bfa600
rgb(191,166,0)
-
#d3b700
#d3b700
rgb(211,183,0)
-
#e6c800
#e6c800
rgb(230,200,0)
-
#fad900
#fad900
rgb(250,217,0)
-
#ffdf0e
#ffdf0e
rgb(255,223,14)
-
#ffe222
#ffe222
rgb(255,226,34)
-
#ffe536
#ffe536
rgb(255,229,54)
-
#ffe749
#ffe749
rgb(255,231,73)
-
#ffea5d
#ffea5d
rgb(255,234,93)
-
#ffec70
#ffec70
rgb(255,236,112)
-
#ffef84
#ffef84
rgb(255,239,132)
-
#fff198
#fff198
rgb(255,241,152)
-
#fff4ab
#fff4ab
rgb(255,244,171)
-
#fff7bf
#fff7bf
rgb(255,247,191)
-
#fff9d3
#fff9d3
rgb(255,249,211)
-
#fffce6
#fffce6
rgb(255,252,230)
-
#fffefa
#fffefa
rgb(255,254,250)
Tones of #ffe222
A tone is produced by adding gray to any pure hue. In this case, #999788 is the less saturated color, while #ffe222 is the most saturated one.
-
#999788
#999788
rgb(153,151,136)
-
#a29d80
#a29d80
rgb(162,157,128)
-
#aaa377
#aaa377
rgb(170,163,119)
-
#b3aa6f
#b3aa6f
rgb(179,170,111)
-
#bbb066
#bbb066
rgb(187,176,102)
-
#c4b65e
#c4b65e
rgb(196,182,94)
-
#ccbc55
#ccbc55
rgb(204,188,85)
-
#d5c34d
#d5c34d
rgb(213,195,77)
-
#ddc944
#ddc944
rgb(221,201,68)
-
#e6cf3c
#e6cf3c
rgb(230,207,60)
-
#eed533
#eed533
rgb(238,213,51)
-
#f7dc2b
#f7dc2b
rgb(247,220,43)
-
#ffe222
#ffe222
rgb(255,226,34)
Color Blindness Simulator
Below, you can see how #ffe222 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.