#30fd9f hex color

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

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

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

The hexadecimal color #30fd9f has RGB values of R:48, G:253, B:159 and CMYK values of C:0.81, M:0, Y:0.37, K:0.01. Its decimal value is 3210655.

Hex triplet	30fd9f	`#30fd9f`
RGB Decimal	48, 253, 159	`rgb(48,253,159)`
RGB Percent	18.8, 99.2, 62.4	`rgb(18.8%,99.2%,62.4%)`
CMYK	81, 0, 37, 1
HSL	152.5°, 98.1, 59	`hsl(152.5,98.1%,59%)`
HSV (or HSB)	152.5°, 81, 99.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.628, -68.341, 31.73
XYZ	42.599, 73.378, 44.717
xyY	0.265, 0.457, 73.378
CIE-LCH	88.628, 75.348, 155.095
CIE-LUV	88.628, -74.255, 56.046
Hunter-Lab	85.661, -61.139, 29.012
Binary	00110000, 11111101, 10011111

#30fd9f
```
#30fd9f rgb(48,253,159)
```
#fd308e
```
#fd308e rgb(253,48,142)
```

Complementary Color

#30fd39
```
#30fd39 rgb(48,253,57)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```
#30f5fd
```
#30f5fd rgb(48,245,253)
```

Analogous Color

#fd3930
```
#fd3930 rgb(253,57,48)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```
#fd30f5
```
#fd30f5 rgb(253,48,245)
```

Split Complementary Color

#fd9f30
```
#fd9f30 rgb(253,159,48)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```
#9f30fd
```
#9f30fd rgb(159,48,253)
```

Triadic Color

#8efd30
```
#8efd30 rgb(142,253,48)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```
#9f30fd
```
#9f30fd rgb(159,48,253)
```
#fd308e
```
#fd308e rgb(253,48,142)
```

Tetradic Color

#02de79
```
#02de79 rgb(2,222,121)
```
#02f887
```
#02f887 rgb(2,248,135)
```
#17fd93
```
#17fd93 rgb(23,253,147)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```
#49fdab
```
#49fdab rgb(73,253,171)
```
#63fdb6
```
#63fdb6 rgb(99,253,182)
```
#7cfec2
```
#7cfec2 rgb(124,254,194)
```

Monochromatic Color

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

#30fd6c
```
#30fd6c rgb(48,253,108)
```
#30fd7d
```
#30fd7d rgb(48,253,125)
```
#30fd8e
```
#30fd8e rgb(48,253,142)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```
#30fdb0
```
#30fdb0 rgb(48,253,176)
```
#30fdc1
```
#30fdc1 rgb(48,253,193)
```
#30fdd2
```
#30fdd2 rgb(48,253,210)
```

Similar Colors

Text with hexadecimal color #30fd9f

This text has a font color of #30fd9f.

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

#30fd9f background color

This paragraph has a background color of #30fd9f.

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

#30fd9f border color

This element has a border color of #30fd9f.

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

CSS codes

.text {color:#30fd9f;}

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

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

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

#000704
```
#000704 rgb(0,7,4)
```
#001a0e
```
#001a0e rgb(0,26,14)
```
#002e19
```
#002e19 rgb(0,46,25)
```
#014123
```
#014123 rgb(1,65,35)
```
#01542e
```
#01542e rgb(1,84,46)
```
#016839
```
#016839 rgb(1,104,57)
```
#017b43
```
#017b43 rgb(1,123,67)
```
#018f4e
```
#018f4e rgb(1,143,78)
```
#02a259
```
#02a259 rgb(2,162,89)
```
#02b663
```
#02b663 rgb(2,182,99)
```
#02c96e
```
#02c96e rgb(2,201,110)
```
#02dc78
```
#02dc78 rgb(2,220,120)
```
#02f083
```
#02f083 rgb(2,240,131)
```

Shade Color Variation

#09fd8d
```
#09fd8d rgb(9,253,141)
```
#1dfd96
```
#1dfd96 rgb(29,253,150)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```
#43fda8
```
#43fda8 rgb(67,253,168)
```
#57fdb1
```
#57fdb1 rgb(87,253,177)
```
#6afeba
```
#6afeba rgb(106,254,186)
```
#7efec3
```
#7efec3 rgb(126,254,195)
```
#91fecc
```
#91fecc rgb(145,254,204)
```
#a5fed5
```
#a5fed5 rgb(165,254,213)
```
#b8fede
```
#b8fede rgb(184,254,222)
```
#cbffe7
```
#cbffe7 rgb(203,255,231)
```
#dffff0
```
#dffff0 rgb(223,255,240)
```
#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 #30fd9f is the most saturated one.

#909d97
```
#909d97 rgb(144,157,151)
```
#88a598
```
#88a598 rgb(136,165,152)
```
#80ad98
```
#80ad98 rgb(128,173,152)
```
#78b599
```
#78b599 rgb(120,181,153)
```
#70bd9a
```
#70bd9a rgb(112,189,154)
```
#68c59a
```
#68c59a rgb(104,197,154)
```
#60cd9b
```
#60cd9b rgb(96,205,155)
```
#58d59c
```
#58d59c rgb(88,213,156)
```
#50dd9c
```
#50dd9c rgb(80,221,156)
```
#48e59d
```
#48e59d rgb(72,229,157)
```
#40ed9e
```
#40ed9e rgb(64,237,158)
```
#38f59e
```
#38f59e rgb(56,245,158)
```
#30fd9f
```
#30fd9f rgb(48,253,159)
```

Tone Color Variation

Below, you can see how #30fd9f 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
#9ac3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e098 Protanopia 1% of men
#ffd9ba Deuteranopia 1% of men
#88efff Tritanopia 0.001% of the population

Trichromacy

#abea9a Protanomaly 1% of men, 0.01% of women
#b3e6b0 Deuteranomaly 6% of men, 0.4% of women
#68f4dc Tritanomaly 0.01% of the population

#30fd9f hex color

#30fd9f Color Information

#30fd9f Color Conversion

Color Schemes with #30fd9f

Alternatives to #30fd9f

#30fd9f Preview

Shades and Tints of #30fd9f

Tones of #30fd9f

Color Blindness Simulator