#33ff31 Color Information
In a RGB color space, hex #33ff31 is composed of 20% red, 100% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 80.8% yellow and 0% black. It has a hue angle of 119.4 degrees, a saturation of 100% and a lightness of 59.6%. #33ff31 color hex could be obtained by blending #66ff62 with #00ff00. Closest websafe color is: #33ff33.
-
- R 20
- G 100
- B 19
-
- C 80
- M 0
- Y 81
- K 0
● #33ff31 color description : Vivid lime green.
#33ff31 Color Conversion
The hexadecimal color #33ff31 has RGB values of R:51, G:255, B:49 and CMYK values of C:0.8, M:0, Y:0.81, K:0. Its decimal value is 3407665.
Hex triplet | 33ff31 | #33ff31 |
---|---|---|
RGB Decimal | 51, 255, 49 | rgb(51,255,49) |
RGB Percent | 20, 100, 19.2 | rgb(20%,100%,19.2%) |
CMYK | 80, 0, 81, 0 | |
HSL | 119.4°, 100, 59.6 | hsl(119.4,100%,59.6%) |
HSV (or HSB) | 119.4°, 80.8, 100 | |
Web Safe | 33ff33 | #33ff33 |
CIE-LAB | 88.181, -81.757, 76.553 |
---|---|
XYZ | 37.677, 72.441, 14.902 |
xyY | 0.301, 0.579, 72.441 |
CIE-LCH | 88.181, 112.002, 136.883 |
CIE-LUV | 88.181, -79.005, 102.46 |
Hunter-Lab | 85.113, -69.929, 49.198 |
Binary | 00110011, 11111111, 00110001 |
Color Schemes with #33ff31
Alternatives to #33ff31
Below, you can see some colors close to #33ff31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ff31 Preview
This text has a font color of #33ff31.
<span style="color:#33ff31;">Text here</span>
This paragraph has a background color of #33ff31.
<p style="background-color:#33ff31;">Content here</p>
This element has a border color of #33ff31.
<div style="border:1px solid #33ff31;">Content here</div>
.text {color:#33ff31;}
.background {background-color:#33ff31;}
.border {border:1px solid #33ff31;}
Shades and Tints of #33ff31
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, #000a00 is the darkest color, while #f5fff5 is the lightest one.
-
#000a00
#000a00
rgb(0,10,0)
-
#001d00
#001d00
rgb(0,29,0)
-
#003100
#003100
rgb(0,49,0)
-
#014500
#014500
rgb(1,69,0)
-
#015800
#015800
rgb(1,88,0)
-
#016c00
#016c00
rgb(1,108,0)
-
#017f00
#017f00
rgb(1,127,0)
-
#019300
#019300
rgb(1,147,0)
-
#02a700
#02a700
rgb(2,167,0)
-
#02ba00
#02ba00
rgb(2,186,0)
-
#02ce00
#02ce00
rgb(2,206,0)
-
#02e200
#02e200
rgb(2,226,0)
-
#02f500
#02f500
rgb(2,245,0)
-
#0cff0a
#0cff0a
rgb(12,255,10)
-
#20ff1d
#20ff1d
rgb(32,255,29)
-
#33ff31
#33ff31
rgb(51,255,49)
-
#46ff45
#46ff45
rgb(70,255,69)
-
#5aff58
#5aff58
rgb(90,255,88)
-
#6dff6c
#6dff6c
rgb(109,255,108)
-
#81ff7f
#81ff7f
rgb(129,255,127)
-
#94ff93
#94ff93
rgb(148,255,147)
-
#a8ffa7
#a8ffa7
rgb(168,255,167)
-
#bbffba
#bbffba
rgb(187,255,186)
-
#ceffce
#ceffce
rgb(206,255,206)
-
#e2ffe2
#e2ffe2
rgb(226,255,226)
-
#f5fff5
#f5fff5
rgb(245,255,245)
Tones of #33ff31
A tone is produced by adding gray to any pure hue. In this case, #90a090 is the less saturated color, while #33ff31 is the most saturated one.
-
#90a090
#90a090
rgb(144,160,144)
-
#88a888
#88a888
rgb(136,168,136)
-
#81b080
#81b080
rgb(129,176,128)
-
#79b878
#79b878
rgb(121,184,120)
-
#71c070
#71c070
rgb(113,192,112)
-
#69c868
#69c868
rgb(105,200,104)
-
#62cf61
#62cf61
rgb(98,207,97)
-
#5ad759
#5ad759
rgb(90,215,89)
-
#52df51
#52df51
rgb(82,223,81)
-
#4ae749
#4ae749
rgb(74,231,73)
-
#43ef41
#43ef41
rgb(67,239,65)
-
#3bf739
#3bf739
rgb(59,247,57)
-
#33ff31
#33ff31
rgb(51,255,49)
Color Blindness Simulator
Below, you can see how #33ff31 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.