colorhexa.com

#30fd9a hex color

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

- R 19
- G 99
- B 60
RGB color chart
- C 81
- M 0
- Y 39
- K 1
CMYK color chart

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

The hexadecimal color #30fd9a has RGB values of R:48, G:253, B:154 and CMYK values of C:0.81, M:0, Y:0.39, K:0.01. Its decimal value is 3210650.

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

CIE-LAB	88.547, -69.269, 34.115
XYZ	42.174, 73.208, 42.478
xyY	0.267, 0.464, 73.208
CIE-LCH	88.547, 77.214, 153.78
CIE-LUV	88.547, -74.557, 59.156
Hunter-Lab	85.561, -61.749, 30.458
Binary	00110000, 11111101, 10011010

#30fd9a
```
#30fd9a rgb(48,253,154)
```
#fd3093
```
#fd3093 rgb(253,48,147)
```

Complementary Color

#30fd34
```
#30fd34 rgb(48,253,52)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```
#30fafd
```
#30fafd rgb(48,250,253)
```

Analogous Color

#fd3430
```
#fd3430 rgb(253,52,48)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```
#fd30fa
```
#fd30fa rgb(253,48,250)
```

Split Complementary Color

#fd9a30
```
#fd9a30 rgb(253,154,48)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```
#9a30fd
```
#9a30fd rgb(154,48,253)
```

Triadic Color

#93fd30
```
#93fd30 rgb(147,253,48)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```
#9a30fd
```
#9a30fd rgb(154,48,253)
```
#fd3093
```
#fd3093 rgb(253,48,147)
```

Tetradic Color

#02de74
```
#02de74 rgb(2,222,116)
```
#02f881
```
#02f881 rgb(2,248,129)
```
#17fd8e
```
#17fd8e rgb(23,253,142)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```
#49fda6
```
#49fda6 rgb(73,253,166)
```
#63fdb3
```
#63fdb3 rgb(99,253,179)
```
#7cfebf
```
#7cfebf rgb(124,254,191)
```

Monochromatic Color

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

#30fd67
```
#30fd67 rgb(48,253,103)
```
#30fd78
```
#30fd78 rgb(48,253,120)
```
#30fd89
```
#30fd89 rgb(48,253,137)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```
#30fdab
```
#30fdab rgb(48,253,171)
```
#30fdbc
```
#30fdbc rgb(48,253,188)
```
#30fdcd
```
#30fdcd rgb(48,253,205)
```

Similar Colors

Text with hexadecimal color #30fd9a

This text has a font color of #30fd9a.

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

#30fd9a background color

This paragraph has a background color of #30fd9a.

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

#30fd9a border color

This element has a border color of #30fd9a.

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

CSS codes

.text {color:#30fd9a;}

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

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

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)
```
#001a0e
```
#001a0e rgb(0,26,14)
```
#002e18
```
#002e18 rgb(0,46,24)
```
#014122
```
#014122 rgb(1,65,34)
```
#01542c
```
#01542c rgb(1,84,44)
```
#016836
```
#016836 rgb(1,104,54)
```
#017b40
```
#017b40 rgb(1,123,64)
```
#018f4a
```
#018f4a rgb(1,143,74)
```
#02a255
```
#02a255 rgb(2,162,85)
```
#02b65f
```
#02b65f rgb(2,182,95)
```
#02c969
```
#02c969 rgb(2,201,105)
```
#02dc73
```
#02dc73 rgb(2,220,115)
```
#02f07d
```
#02f07d rgb(2,240,125)
```

Shade Color Variation

#09fd87
```
#09fd87 rgb(9,253,135)
```
#1dfd91
```
#1dfd91 rgb(29,253,145)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```
#43fda3
```
#43fda3 rgb(67,253,163)
```
#57fdad
```
#57fdad rgb(87,253,173)
```
#6afeb6
```
#6afeb6 rgb(106,254,182)
```
#7efec0
```
#7efec0 rgb(126,254,192)
```
#91fec9
```
#91fec9 rgb(145,254,201)
```
#a5fed3
```
#a5fed3 rgb(165,254,211)
```
#b8fedc
```
#b8fedc rgb(184,254,220)
```
#cbffe6
```
#cbffe6 rgb(203,255,230)
```
#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 #30fd9a is the most saturated one.

#909d97
```
#909d97 rgb(144,157,151)
```
#88a597
```
#88a597 rgb(136,165,151)
```
#80ad97
```
#80ad97 rgb(128,173,151)
```
#78b598
```
#78b598 rgb(120,181,152)
```
#70bd98
```
#70bd98 rgb(112,189,152)
```
#68c598
```
#68c598 rgb(104,197,152)
```
#60cd98
```
#60cd98 rgb(96,205,152)
```
#58d599
```
#58d599 rgb(88,213,153)
```
#50dd99
```
#50dd99 rgb(80,221,153)
```
#48e599
```
#48e599 rgb(72,229,153)
```
#40ed99
```
#40ed99 rgb(64,237,153)
```
#38f59a
```
#38f59a rgb(56,245,154)
```
#30fd9a
```
#30fd9a rgb(48,253,154)
```

Tone Color Variation

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

Dichromacy

#f2df94 Protanopia 1% of men
#ffd9b8 Deuteranopia 1% of men
#87efff Tritanopia 0.001% of the population

Trichromacy

#acea96 Protanomaly 1% of men, 0.01% of women
#b3e6ad Deuteranomaly 6% of men, 0.4% of women
#67f4da Tritanomaly 0.01% of the population