#30fe96 hex color

In a RGB color space, hex #30fe96 is composed of 18.8% red, 99.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 40.9% yellow and 0.4% black. It has a hue angle of 149.7 degrees, a saturation of 99% and a lightness of 59.2%. #30fe96 color hex could be obtained by blending #60ffff with #00fd2d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 100
- B 59
RGB color chart
- C 81
- M 0
- Y 41
- K 0
CMYK color chart

● #30fe96 color description : Bright cyan - lime green.

The hexadecimal color #30fe96 has RGB values of R:48, G:254, B:150 and CMYK values of C:0.81, M:0, Y:0.41, K:0. Its decimal value is 3210902.

Hex triplet	30fe96	`#30fe96`
RGB Decimal	48, 254, 150	`rgb(48,254,150)`
RGB Percent	18.8, 99.6, 58.8	`rgb(18.8%,99.6%,58.8%)`
CMYK	81, 0, 41, 0
HSL	149.7°, 99, 59.2	`hsl(149.7,99%,59.2%)`
HSV (or HSB)	149.7°, 81.1, 99.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.785, -70.331, 36.408
XYZ	42.163, 73.71, 40.858
xyY	0.269, 0.47, 73.71
CIE-LCH	88.785, 79.195, 152.631
CIE-LUV	88.785, -75.12, 62.164
Hunter-Lab	85.854, -62.584, 31.882
Binary	00110000, 11111110, 10010110

#30fe96
```
#30fe96 rgb(48,254,150)
```
#fe3098
```
#fe3098 rgb(254,48,152)
```

Complementary Color

#31fe30
```
#31fe30 rgb(49,254,48)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```
#30fefd
```
#30fefd rgb(48,254,253)
```

Analogous Color

#fe3031
```
#fe3031 rgb(254,48,49)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```
#fd30fe
```
#fd30fe rgb(253,48,254)
```

Split Complementary Color

#fe9630
```
#fe9630 rgb(254,150,48)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```
#9630fe
```
#9630fe rgb(150,48,254)
```

Triadic Color

#98fe30
```
#98fe30 rgb(152,254,48)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```
#9630fe
```
#9630fe rgb(150,48,254)
```
#fe3098
```
#fe3098 rgb(254,48,152)
```

Tetradic Color

#01e070
```
#01e070 rgb(1,224,112)
```
#01fa7c
```
#01fa7c rgb(1,250,124)
```
#17fe89
```
#17fe89 rgb(23,254,137)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```
#49fea3
```
#49fea3 rgb(73,254,163)
```
#63feb0
```
#63feb0 rgb(99,254,176)
```
#7cfebd
```
#7cfebd rgb(124,254,189)
```

Monochromatic Color

Below, you can see some colors close to #30fe96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#30fe63
```
#30fe63 rgb(48,254,99)
```
#30fe74
```
#30fe74 rgb(48,254,116)
```
#30fe85
```
#30fe85 rgb(48,254,133)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```
#30fea7
```
#30fea7 rgb(48,254,167)
```
#30feb8
```
#30feb8 rgb(48,254,184)
```
#30feca
```
#30feca rgb(48,254,202)
```

Similar Colors

Text with hexadecimal color #30fe96

This text has a font color of #30fe96.

<span style="color:#30fe96;">Text here</span>

#30fe96 background color

This paragraph has a background color of #30fe96.

<p style="background-color:#30fe96;">Content here</p>

#30fe96 border color

This element has a border color of #30fe96.

<div style="border:1px solid #30fe96;">Content here</div>

CSS codes

.text {color:#30fe96;}

.background {background-color:#30fe96;}

.border {border:1px solid #30fe96;}

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, #000804 is the darkest color, while #f3fff9 is the lightest one.

#000804
```
#000804 rgb(0,8,4)
```
#001b0e
```
#001b0e rgb(0,27,14)
```
#002f17
```
#002f17 rgb(0,47,23)
```
#004221
```
#004221 rgb(0,66,33)
```
#00562b
```
#00562b rgb(0,86,43)
```
#016934
```
#016934 rgb(1,105,52)
```
#017d3e
```
#017d3e rgb(1,125,62)
```
#019048
```
#019048 rgb(1,144,72)
```
#01a452
```
#01a452 rgb(1,164,82)
```
#01b75b
```
#01b75b rgb(1,183,91)
```
#01cb65
```
#01cb65 rgb(1,203,101)
```
#01de6f
```
#01de6f rgb(1,222,111)
```
#01f278
```
#01f278 rgb(1,242,120)
```

Shade Color Variation

#09fe82
```
#09fe82 rgb(9,254,130)
```
#1cfe8c
```
#1cfe8c rgb(28,254,140)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```
#44fea0
```
#44fea0 rgb(68,254,160)
```
#57feaa
```
#57feaa rgb(87,254,170)
```
#6bfeb4
```
#6bfeb4 rgb(107,254,180)
```
#7efebe
```
#7efebe rgb(126,254,190)
```
#92fec8
```
#92fec8 rgb(146,254,200)
```
#a5ffd1
```
#a5ffd1 rgb(165,255,209)
```
#b9ffdb
```
#b9ffdb rgb(185,255,219)
```
#ccffe5
```
#ccffe5 rgb(204,255,229)
```
#e0ffef
```
#e0ffef rgb(224,255,239)
```
#f3fff9
```
#f3fff9 rgb(243,255,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909e97 is the less saturated color, while #30fe96 is the most saturated one.

#909e97
```
#909e97 rgb(144,158,151)
```
#88a697
```
#88a697 rgb(136,166,151)
```
#80ae97
```
#80ae97 rgb(128,174,151)
```
#78b697
```
#78b697 rgb(120,182,151)
```
#70be97
```
#70be97 rgb(112,190,151)
```
#68c697
```
#68c697 rgb(104,198,151)
```
#60ce96
```
#60ce96 rgb(96,206,150)
```
#58d696
```
#58d696 rgb(88,214,150)
```
#50de96
```
#50de96 rgb(80,222,150)
```
#48e696
```
#48e696 rgb(72,230,150)
```
#40ee96
```
#40ee96 rgb(64,238,150)
```
#38f696
```
#38f696 rgb(56,246,150)
```
#30fe96
```
#30fe96 rgb(48,254,150)
```

Tone Color Variation

Below, you can see how #30fe96 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.

Monochromacy

#b5b5b5 Achromatopsia 0.005% of the population
#9ac4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e090 Protanopia 1% of men
#ffdab8 Deuteranopia 1% of men
#8befff Tritanopia 0.001% of the population

Trichromacy

#aceb92 Protanomaly 1% of men, 0.01% of women
#b3e7ac Deuteranomaly 6% of men, 0.4% of women
#6af4d8 Tritanomaly 0.01% of the population

#30fe96 hex color

#30fe96 Color Information

#30fe96 Color Conversion

Color Schemes with #30fe96

Alternatives to #30fe96

#30fe96 Preview

Shades and Tints of #30fe96

Tones of #30fe96

Color Blindness Simulator