#30fd97 hex color

In a RGB color space, hex #30fd97 is composed of 18.8% red, 99.2% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 40.3% yellow and 0.8% black. It has a hue angle of 150.1 degrees, a saturation of 98.1% and a lightness of 59%. #30fd97 color hex could be obtained by blending #60ffff with #00fb2f. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #30fd97 has RGB values of R:48, G:253, B:151 and CMYK values of C:0.81, M:0, Y:0.4, K:0.01. Its decimal value is 3210647.

Hex triplet	30fd97	`#30fd97`
RGB Decimal	48, 253, 151	`rgb(48,253,151)`
RGB Percent	18.8, 99.2, 59.2	`rgb(18.8%,99.2%,59.2%)`
CMYK	81, 0, 40, 1
HSL	150.1°, 98.1, 59	`hsl(150.1,98.1%,59%)`
HSV (or HSB)	150.1°, 81, 99.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.5, -69.812, 35.539
XYZ	41.927, 73.109, 41.178
xyY	0.268, 0.468, 73.109
CIE-LCH	88.5, 78.338, 153.021
CIE-LUV	88.5, -74.735, 60.98
Hunter-Lab	85.504, -62.104, 31.299
Binary	00110000, 11111101, 10010111

#30fd97
```
#30fd97 rgb(48,253,151)
```
#fd3096
```
#fd3096 rgb(253,48,150)
```

Complementary Color

#30fd31
```
#30fd31 rgb(48,253,49)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```

Analogous Color

#fd3130
```
#fd3130 rgb(253,49,48)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```
#fd30fd
```
#fd30fd rgb(253,48,253)
```

Split Complementary Color

#fd9730
```
#fd9730 rgb(253,151,48)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```
#9730fd
```
#9730fd rgb(151,48,253)
```

Triadic Color

#96fd30
```
#96fd30 rgb(150,253,48)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```
#9730fd
```
#9730fd rgb(151,48,253)
```
#fd3096
```
#fd3096 rgb(253,48,150)
```

Tetradic Color

#02de71
```
#02de71 rgb(2,222,113)
```
#02f87e
```
#02f87e rgb(2,248,126)
```
#17fd8a
```
#17fd8a rgb(23,253,138)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```
#49fda4
```
#49fda4 rgb(73,253,164)
```
#63fdb0
```
#63fdb0 rgb(99,253,176)
```
#7cfebd
```
#7cfebd rgb(124,254,189)
```

Monochromatic Color

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

#30fd64
```
#30fd64 rgb(48,253,100)
```
#30fd75
```
#30fd75 rgb(48,253,117)
```
#30fd86
```
#30fd86 rgb(48,253,134)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```
#30fda8
```
#30fda8 rgb(48,253,168)
```
#30fdb9
```
#30fdb9 rgb(48,253,185)
```
#30fdca
```
#30fdca rgb(48,253,202)
```

Similar Colors

Text with hexadecimal color #30fd97

This text has a font color of #30fd97.

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

#30fd97 background color

This paragraph has a background color of #30fd97.

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

#30fd97 border color

This element has a border color of #30fd97.

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

CSS codes

.text {color:#30fd97;}

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

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

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

#000703
```
#000703 rgb(0,7,3)
```
#001a0d
```
#001a0d rgb(0,26,13)
```
#002e17
```
#002e17 rgb(0,46,23)
```
#014121
```
#014121 rgb(1,65,33)
```
#01542b
```
#01542b rgb(1,84,43)
```
#016835
```
#016835 rgb(1,104,53)
```
#017b3f
```
#017b3f rgb(1,123,63)
```
#018f48
```
#018f48 rgb(1,143,72)
```
#02a252
```
#02a252 rgb(2,162,82)
```
#02b65c
```
#02b65c rgb(2,182,92)
```
#02c966
```
#02c966 rgb(2,201,102)
```
#02dc70
```
#02dc70 rgb(2,220,112)
```
#02f07a
```
#02f07a rgb(2,240,122)
```

Shade Color Variation

#09fd83
```
#09fd83 rgb(9,253,131)
```
#1dfd8d
```
#1dfd8d rgb(29,253,141)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```
#43fda1
```
#43fda1 rgb(67,253,161)
```
#57fdab
```
#57fdab rgb(87,253,171)
```
#6afeb4
```
#6afeb4 rgb(106,254,180)
```
#7efebe
```
#7efebe rgb(126,254,190)
```
#91fec8
```
#91fec8 rgb(145,254,200)
```
#a5fed2
```
#a5fed2 rgb(165,254,210)
```
#b8fedb
```
#b8fedb rgb(184,254,219)
```
#cbffe5
```
#cbffe5 rgb(203,255,229)
```
#dfffef
```
#dfffef rgb(223,255,239)
```
#f2fff9
```
#f2fff9 rgb(242,255,249)
```

Tint Color Variation

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

#909d97
```
#909d97 rgb(144,157,151)
```
#88a597
```
#88a597 rgb(136,165,151)
```
#80ad97
```
#80ad97 rgb(128,173,151)
```
#78b597
```
#78b597 rgb(120,181,151)
```
#70bd97
```
#70bd97 rgb(112,189,151)
```
#68c597
```
#68c597 rgb(104,197,151)
```
#60cd97
```
#60cd97 rgb(96,205,151)
```
#58d597
```
#58d597 rgb(88,213,151)
```
#50dd97
```
#50dd97 rgb(80,221,151)
```
#48e597
```
#48e597 rgb(72,229,151)
```
#40ed97
```
#40ed97 rgb(64,237,151)
```
#38f597
```
#38f597 rgb(56,245,151)
```
#30fd97
```
#30fd97 rgb(48,253,151)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9ac3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3df91 Protanopia 1% of men
#ffd9b7 Deuteranopia 1% of men
#87efff Tritanopia 0.001% of the population

Trichromacy

#acea93 Protanomaly 1% of men, 0.01% of women
#b3e6ab Deuteranomaly 6% of men, 0.4% of women
#67f4d9 Tritanomaly 0.01% of the population

#30fd97 hex color

#30fd97 Color Information

#30fd97 Color Conversion

Color Schemes with #30fd97

Alternatives to #30fd97

#30fd97 Preview

Shades and Tints of #30fd97

Tones of #30fd97

Color Blindness Simulator