#33ff55 Color Information
In a RGB color space, hex #33ff55 is composed of 20% red, 100% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 66.7% yellow and 0% black. It has a hue angle of 130 degrees, a saturation of 100% and a lightness of 60%. #33ff55 color hex could be obtained by blending #66ffaa with #00ff00. Closest websafe color is: #33ff66.
-
- R 20
- G 100
- B 33
-
- C 80
- M 0
- Y 67
- K 0
● #33ff55 color description : Vivid lime green.
#33ff55 Color Conversion
The hexadecimal color #33ff55 has RGB values of R:51, G:255, B:85 and CMYK values of C:0.8, M:0, Y:0.67, K:0. Its decimal value is 3407701.
Hex triplet | 33ff55 | #33ff55 |
---|---|---|
RGB Decimal | 51, 255, 85 | rgb(51,255,85) |
RGB Percent | 20, 100, 33.3 | rgb(20%,100%,33.3%) |
CMYK | 80, 0, 67, 0 | |
HSL | 130°, 100, 60 | hsl(130,100%,60%) |
HSV (or HSB) | 130°, 80, 100 | |
Web Safe | 33ff66 | #33ff66 |
CIE-LAB | 88.388, -79.16, 65.133 |
---|---|
XYZ | 38.763, 72.876, 20.617 |
xyY | 0.293, 0.551, 72.876 |
CIE-LCH | 88.388, 102.511, 140.552 |
CIE-LUV | 88.388, -78.083, 93.18 |
Hunter-Lab | 85.367, -68.341, 45.438 |
Binary | 00110011, 11111111, 01010101 |
Color Schemes with #33ff55
Alternatives to #33ff55
Below, you can see some colors close to #33ff55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ff55 Preview
This text has a font color of #33ff55.
<span style="color:#33ff55;">Text here</span>
This paragraph has a background color of #33ff55.
<p style="background-color:#33ff55;">Content here</p>
This element has a border color of #33ff55.
<div style="border:1px solid #33ff55;">Content here</div>
.text {color:#33ff55;}
.background {background-color:#33ff55;}
.border {border:1px solid #33ff55;}
Shades and Tints of #33ff55
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, #000c02 is the darkest color, while #f7fff8 is the lightest one.
-
#000c02
#000c02
rgb(0,12,2)
-
#001f05
#001f05
rgb(0,31,5)
-
#003308
#003308
rgb(0,51,8)
-
#00470c
#00470c
rgb(0,71,12)
-
#005a0f
#005a0f
rgb(0,90,15)
-
#006e12
#006e12
rgb(0,110,18)
-
#008116
#008116
rgb(0,129,22)
-
#009519
#009519
rgb(0,149,25)
-
#00a91c
#00a91c
rgb(0,169,28)
-
#00bc1f
#00bc1f
rgb(0,188,31)
-
#00d023
#00d023
rgb(0,208,35)
-
#00e426
#00e426
rgb(0,228,38)
-
#00f729
#00f729
rgb(0,247,41)
-
#0cff34
#0cff34
rgb(12,255,52)
-
#1fff45
#1fff45
rgb(31,255,69)
-
#33ff55
#33ff55
rgb(51,255,85)
-
#47ff65
#47ff65
rgb(71,255,101)
-
#5aff76
#5aff76
rgb(90,255,118)
-
#6eff86
#6eff86
rgb(110,255,134)
-
#81ff96
#81ff96
rgb(129,255,150)
-
#95ffa7
#95ffa7
rgb(149,255,167)
-
#a9ffb7
#a9ffb7
rgb(169,255,183)
-
#bcffc7
#bcffc7
rgb(188,255,199)
-
#d0ffd8
#d0ffd8
rgb(208,255,216)
-
#e4ffe8
#e4ffe8
rgb(228,255,232)
-
#f7fff8
#f7fff8
rgb(247,255,248)
Tones of #33ff55
A tone is produced by adding gray to any pure hue. In this case, #91a194 is the less saturated color, while #33ff55 is the most saturated one.
-
#91a194
#91a194
rgb(145,161,148)
-
#89a98f
#89a98f
rgb(137,169,143)
-
#81b189
#81b189
rgb(129,177,137)
-
#7ab884
#7ab884
rgb(122,184,132)
-
#72c07f
#72c07f
rgb(114,192,127)
-
#6ac87a
#6ac87a
rgb(106,200,122)
-
#62d074
#62d074
rgb(98,208,116)
-
#5ad86f
#5ad86f
rgb(90,216,111)
-
#52e06a
#52e06a
rgb(82,224,106)
-
#4be765
#4be765
rgb(75,231,101)
-
#43ef5f
#43ef5f
rgb(67,239,95)
-
#3bf75a
#3bf75a
rgb(59,247,90)
-
#33ff55
#33ff55
rgb(51,255,85)
Color Blindness Simulator
Below, you can see how #33ff55 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.