#22ff31 Color Information
In a RGB color space, hex #22ff31 is composed of 13.3% red, 100% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 0% magenta, 80.8% yellow and 0% black. It has a hue angle of 124.1 degrees, a saturation of 100% and a lightness of 56.7%. #22ff31 color hex could be obtained by blending #44ff62 with #00ff00. Closest websafe color is: #33ff33.
-
- R 13
- G 100
- B 19
-
- C 87
- M 0
- Y 81
- K 0
● #22ff31 color description : Vivid lime green.
#22ff31 Color Conversion
The hexadecimal color #22ff31 has RGB values of R:34, G:255, B:49 and CMYK values of C:0.87, M:0, Y:0.81, K:0. Its decimal value is 2293553.
Hex triplet | 22ff31 | #22ff31 |
---|---|---|
RGB Decimal | 34, 255, 49 | rgb(34,255,49) |
RGB Percent | 13.3, 100, 19.2 | rgb(13.3%,100%,19.2%) |
CMYK | 87, 0, 81, 0 | |
HSL | 124.1°, 100, 56.7 | hsl(124.1,100%,56.7%) |
HSV (or HSB) | 124.1°, 86.7, 100 | |
Web Safe | 33ff33 | #33ff33 |
CIE-LAB | 88.006, -83.311, 76.328 |
---|---|
XYZ | 36.972, 72.078, 14.869 |
xyY | 0.298, 0.582, 72.078 |
CIE-LCH | 88.006, 112.99, 137.505 |
CIE-LUV | 88.006, -80.831, 102.471 |
Hunter-Lab | 84.899, -70.839, 49.045 |
Binary | 00100010, 11111111, 00110001 |
Color Schemes with #22ff31
Alternatives to #22ff31
Below, you can see some colors close to #22ff31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22ff31 Preview
This text has a font color of #22ff31.
<span style="color:#22ff31;">Text here</span>
This paragraph has a background color of #22ff31.
<p style="background-color:#22ff31;">Content here</p>
This element has a border color of #22ff31.
<div style="border:1px solid #22ff31;">Content here</div>
.text {color:#22ff31;}
.background {background-color:#22ff31;}
.border {border:1px solid #22ff31;}
Shades and Tints of #22ff31
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, #000e01 is the darkest color, while #fafffa is the lightest one.
-
#000e01
#000e01
rgb(0,14,1)
-
#002202
#002202
rgb(0,34,2)
-
#003604
#003604
rgb(0,54,4)
-
#004905
#004905
rgb(0,73,5)
-
#005d06
#005d06
rgb(0,93,6)
-
#007008
#007008
rgb(0,112,8)
-
#008409
#008409
rgb(0,132,9)
-
#00980a
#00980a
rgb(0,152,10)
-
#00ab0c
#00ab0c
rgb(0,171,12)
-
#00bf0d
#00bf0d
rgb(0,191,13)
-
#00d30e
#00d30e
rgb(0,211,14)
-
#00e610
#00e610
rgb(0,230,16)
-
#00fa11
#00fa11
rgb(0,250,17)
-
#0eff1f
#0eff1f
rgb(14,255,31)
-
#22ff31
#22ff31
rgb(34,255,49)
-
#36ff43
#36ff43
rgb(54,255,67)
-
#49ff56
#49ff56
rgb(73,255,86)
-
#5dff68
#5dff68
rgb(93,255,104)
-
#70ff7a
#70ff7a
rgb(112,255,122)
-
#84ff8c
#84ff8c
rgb(132,255,140)
-
#98ff9f
#98ff9f
rgb(152,255,159)
-
#abffb1
#abffb1
rgb(171,255,177)
-
#bfffc3
#bfffc3
rgb(191,255,195)
-
#d3ffd6
#d3ffd6
rgb(211,255,214)
-
#e6ffe8
#e6ffe8
rgb(230,255,232)
-
#fafffa
#fafffa
rgb(250,255,250)
Tones of #22ff31
A tone is produced by adding gray to any pure hue. In this case, #889989 is the less saturated color, while #22ff31 is the most saturated one.
-
#889989
#889989
rgb(136,153,137)
-
#80a282
#80a282
rgb(128,162,130)
-
#77aa7a
#77aa7a
rgb(119,170,122)
-
#6fb373
#6fb373
rgb(111,179,115)
-
#66bb6c
#66bb6c
rgb(102,187,108)
-
#5ec464
#5ec464
rgb(94,196,100)
-
#55cc5d
#55cc5d
rgb(85,204,93)
-
#4dd556
#4dd556
rgb(77,213,86)
-
#44dd4e
#44dd4e
rgb(68,221,78)
-
#3ce647
#3ce647
rgb(60,230,71)
-
#33ee40
#33ee40
rgb(51,238,64)
-
#2bf738
#2bf738
rgb(43,247,56)
-
#22ff31
#22ff31
rgb(34,255,49)
Color Blindness Simulator
Below, you can see how #22ff31 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.