#33ff84 Color Information
In a RGB color space, hex #33ff84 is composed of 20% red, 100% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 48.2% yellow and 0% black. It has a hue angle of 143.8 degrees, a saturation of 100% and a lightness of 60%. #33ff84 color hex could be obtained by blending #66ffff with #00ff09. Closest websafe color is: #33ff99.
-
- R 20
- G 100
- B 52
-
- C 80
- M 0
- Y 48
- K 0
● #33ff84 color description : Vivid cyan - lime green.
#33ff84 Color Conversion
The hexadecimal color #33ff84 has RGB values of R:51, G:255, B:132 and CMYK values of C:0.8, M:0, Y:0.48, K:0. Its decimal value is 3407748.
Hex triplet | 33ff84 | #33ff84 |
---|---|---|
RGB Decimal | 51, 255, 132 | rgb(51,255,132) |
RGB Percent | 20, 100, 51.8 | rgb(20%,100%,51.8%) |
CMYK | 80, 0, 48, 0 | |
HSL | 143.8°, 100, 60 | hsl(143.8,100%,60%) |
HSV (or HSB) | 143.8°, 80, 100 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 88.868, -73.347, 45.236 |
---|---|
XYZ | 41.287, 73.885, 33.914 |
xyY | 0.277, 0.496, 73.885 |
CIE-LCH | 88.868, 86.175, 148.336 |
CIE-LUV | 88.868, -76.086, 72.878 |
Hunter-Lab | 85.957, -64.686, 36.777 |
Binary | 00110011, 11111111, 10000100 |
Color Schemes with #33ff84
Alternatives to #33ff84
Below, you can see some colors close to #33ff84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33ff84 Preview
This text has a font color of #33ff84.
<span style="color:#33ff84;">Text here</span>
This paragraph has a background color of #33ff84.
<p style="background-color:#33ff84;">Content here</p>
This element has a border color of #33ff84.
<div style="border:1px solid #33ff84;">Content here</div>
.text {color:#33ff84;}
.background {background-color:#33ff84;}
.border {border:1px solid #33ff84;}
Shades and Tints of #33ff84
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, #000c05 is the darkest color, while #f7fffa is the lightest one.
-
#000c05
#000c05
rgb(0,12,5)
-
#001f0c
#001f0c
rgb(0,31,12)
-
#003314
#003314
rgb(0,51,20)
-
#00471c
#00471c
rgb(0,71,28)
-
#005a24
#005a24
rgb(0,90,36)
-
#006e2c
#006e2c
rgb(0,110,44)
-
#008133
#008133
rgb(0,129,51)
-
#00953b
#00953b
rgb(0,149,59)
-
#00a943
#00a943
rgb(0,169,67)
-
#00bc4b
#00bc4b
rgb(0,188,75)
-
#00d053
#00d053
rgb(0,208,83)
-
#00e45a
#00e45a
rgb(0,228,90)
-
#00f762
#00f762
rgb(0,247,98)
-
#0cff6c
#0cff6c
rgb(12,255,108)
-
#1fff78
#1fff78
rgb(31,255,120)
-
#33ff84
#33ff84
rgb(51,255,132)
-
#47ff90
#47ff90
rgb(71,255,144)
-
#5aff9c
#5aff9c
rgb(90,255,156)
-
#6effa7
#6effa7
rgb(110,255,167)
-
#81ffb3
#81ffb3
rgb(129,255,179)
-
#95ffbf
#95ffbf
rgb(149,255,191)
-
#a9ffcb
#a9ffcb
rgb(169,255,203)
-
#bcffd7
#bcffd7
rgb(188,255,215)
-
#d0ffe3
#d0ffe3
rgb(208,255,227)
-
#e4ffee
#e4ffee
rgb(228,255,238)
-
#f7fffa
#f7fffa
rgb(247,255,250)
Tones of #33ff84
A tone is produced by adding gray to any pure hue. In this case, #91a197 is the less saturated color, while #33ff84 is the most saturated one.
-
#91a197
#91a197
rgb(145,161,151)
-
#89a996
#89a996
rgb(137,169,150)
-
#81b194
#81b194
rgb(129,177,148)
-
#7ab893
#7ab893
rgb(122,184,147)
-
#72c091
#72c091
rgb(114,192,145)
-
#6ac88f
#6ac88f
rgb(106,200,143)
-
#62d08e
#62d08e
rgb(98,208,142)
-
#5ad88c
#5ad88c
rgb(90,216,140)
-
#52e08a
#52e08a
rgb(82,224,138)
-
#4be789
#4be789
rgb(75,231,137)
-
#43ef87
#43ef87
rgb(67,239,135)
-
#3bf786
#3bf786
rgb(59,247,134)
-
#33ff84
#33ff84
rgb(51,255,132)
Color Blindness Simulator
Below, you can see how #33ff84 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.