#33ff96 Color Information
In a RGB color space, hex #33ff96 is composed of 20% red, 100% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 41.2% yellow and 0% black. It has a hue angle of 149.1 degrees, a saturation of 100% and a lightness of 60%. #33ff96 color hex could be obtained by blending #66ffff with #00ff2d. Closest websafe color is: #33ff99.
-
- R 20
- G 100
- B 59
-
- C 80
- M 0
- Y 41
- K 0
● #33ff96 color description : Vivid cyan - lime green.
#33ff96 Color Conversion
The hexadecimal color #33ff96 has RGB values of R:51, G:255, B:150 and CMYK values of C:0.8, M:0, Y:0.41, K:0. Its decimal value is 3407766.
Hex triplet | 33ff96 | #33ff96 |
---|---|---|
RGB Decimal | 51, 255, 150 | rgb(51,255,150) |
RGB Percent | 20, 100, 58.8 | rgb(20%,100%,58.8%) |
CMYK | 80, 0, 41, 0 | |
HSL | 149.1°, 100, 60 | hsl(149.1,100%,60%) |
HSV (or HSB) | 149.1°, 80, 100 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 89.121, -70.385, 36.855 |
---|---|
XYZ | 42.627, 74.421, 40.971 |
xyY | 0.27, 0.471, 74.421 |
CIE-LCH | 89.121, 79.45, 152.363 |
CIE-LUV | 89.121, -75.103, 62.771 |
Hunter-Lab | 86.268, -62.767, 32.229 |
Binary | 00110011, 11111111, 10010110 |
Color Schemes with #33ff96
Alternatives to #33ff96
Below, you can see some colors close to #33ff96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ff96 Preview
This text has a font color of #33ff96.
<span style="color:#33ff96;">Text here</span>
This paragraph has a background color of #33ff96.
<p style="background-color:#33ff96;">Content here</p>
This element has a border color of #33ff96.
<div style="border:1px solid #33ff96;">Content here</div>
.text {color:#33ff96;}
.background {background-color:#33ff96;}
.border {border:1px solid #33ff96;}
Shades and Tints of #33ff96
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, #000c06 is the darkest color, while #f7fffb is the lightest one.
-
#000c06
#000c06
rgb(0,12,6)
-
#001f0f
#001f0f
rgb(0,31,15)
-
#003319
#003319
rgb(0,51,25)
-
#004722
#004722
rgb(0,71,34)
-
#005a2c
#005a2c
rgb(0,90,44)
-
#006e35
#006e35
rgb(0,110,53)
-
#00813f
#00813f
rgb(0,129,63)
-
#009548
#009548
rgb(0,149,72)
-
#00a952
#00a952
rgb(0,169,82)
-
#00bc5b
#00bc5b
rgb(0,188,91)
-
#00d065
#00d065
rgb(0,208,101)
-
#00e46e
#00e46e
rgb(0,228,110)
-
#00f778
#00f778
rgb(0,247,120)
-
#0cff82
#0cff82
rgb(12,255,130)
-
#1fff8c
#1fff8c
rgb(31,255,140)
-
#33ff96
#33ff96
rgb(51,255,150)
-
#47ffa0
#47ffa0
rgb(71,255,160)
-
#5affaa
#5affaa
rgb(90,255,170)
-
#6effb4
#6effb4
rgb(110,255,180)
-
#81ffbe
#81ffbe
rgb(129,255,190)
-
#95ffc8
#95ffc8
rgb(149,255,200)
-
#a9ffd3
#a9ffd3
rgb(169,255,211)
-
#bcffdd
#bcffdd
rgb(188,255,221)
-
#d0ffe7
#d0ffe7
rgb(208,255,231)
-
#e4fff1
#e4fff1
rgb(228,255,241)
-
#f7fffb
#f7fffb
rgb(247,255,251)
Tones of #33ff96
A tone is produced by adding gray to any pure hue. In this case, #91a199 is the less saturated color, while #33ff96 is the most saturated one.
-
#91a199
#91a199
rgb(145,161,153)
-
#89a999
#89a999
rgb(137,169,153)
-
#81b198
#81b198
rgb(129,177,152)
-
#7ab898
#7ab898
rgb(122,184,152)
-
#72c098
#72c098
rgb(114,192,152)
-
#6ac898
#6ac898
rgb(106,200,152)
-
#62d097
#62d097
rgb(98,208,151)
-
#5ad897
#5ad897
rgb(90,216,151)
-
#52e097
#52e097
rgb(82,224,151)
-
#4be797
#4be797
rgb(75,231,151)
-
#43ef96
#43ef96
rgb(67,239,150)
-
#3bf796
#3bf796
rgb(59,247,150)
-
#33ff96
#33ff96
rgb(51,255,150)
Color Blindness Simulator
Below, you can see how #33ff96 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.