colorhexa.com

#30fe9f hex color

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

- R 19
- G 100
- B 62
RGB color chart
- C 81
- M 0
- Y 37
- K 0
CMYK color chart

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

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

Hex triplet	30fe9f	`#30fe9f`
RGB Decimal	48, 254, 159	`rgb(48,254,159)`
RGB Percent	18.8, 99.6, 62.4	`rgb(18.8%,99.6%,62.4%)`
CMYK	81, 0, 37, 0
HSL	152.3°, 99, 59.2	`hsl(152.3,99%,59.2%)`
HSV (or HSB)	152.3°, 81.1, 99.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.928, -68.689, 32.13
XYZ	42.915, 74.011, 44.823
xyY	0.265, 0.458, 74.011
CIE-LCH	88.928, 75.832, 154.931
CIE-LUV	88.928, -74.583, 56.65
Hunter-Lab	86.029, -61.508, 29.33
Binary	00110000, 11111110, 10011111

#30fe9f
```
#30fe9f rgb(48,254,159)
```
#fe308f
```
#fe308f rgb(254,48,143)
```

Complementary Color

#30fe38
```
#30fe38 rgb(48,254,56)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```
#30f6fe
```
#30f6fe rgb(48,246,254)
```

Analogous Color

#fe3830
```
#fe3830 rgb(254,56,48)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```
#fe30f6
```
#fe30f6 rgb(254,48,246)
```

Split Complementary Color

#fe9f30
```
#fe9f30 rgb(254,159,48)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```
#9f30fe
```
#9f30fe rgb(159,48,254)
```

Triadic Color

#8ffe30
```
#8ffe30 rgb(143,254,48)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```
#9f30fe
```
#9f30fe rgb(159,48,254)
```
#fe308f
```
#fe308f rgb(254,48,143)
```

Tetradic Color

#01e079
```
#01e079 rgb(1,224,121)
```
#01fa87
```
#01fa87 rgb(1,250,135)
```
#17fe93
```
#17fe93 rgb(23,254,147)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```
#49feab
```
#49feab rgb(73,254,171)
```
#63feb7
```
#63feb7 rgb(99,254,183)
```
#7cfec2
```
#7cfec2 rgb(124,254,194)
```

Monochromatic Color

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

#30fe6c
```
#30fe6c rgb(48,254,108)
```
#30fe7d
```
#30fe7d rgb(48,254,125)
```
#30fe8e
```
#30fe8e rgb(48,254,142)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```
#30feb0
```
#30feb0 rgb(48,254,176)
```
#30fec1
```
#30fec1 rgb(48,254,193)
```
#30fed3
```
#30fed3 rgb(48,254,211)
```

Similar Colors

Text with hexadecimal color #30fe9f

This text has a font color of #30fe9f.

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

#30fe9f background color

This paragraph has a background color of #30fe9f.

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

#30fe9f border color

This element has a border color of #30fe9f.

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

CSS codes

.text {color:#30fe9f;}

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

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

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 #f3fffa is the lightest one.

#000804
```
#000804 rgb(0,8,4)
```
#001b0f
```
#001b0f rgb(0,27,15)
```
#002f19
```
#002f19 rgb(0,47,25)
```
#004224
```
#004224 rgb(0,66,36)
```
#00562e
```
#00562e rgb(0,86,46)
```
#016939
```
#016939 rgb(1,105,57)
```
#017d44
```
#017d44 rgb(1,125,68)
```
#01904e
```
#01904e rgb(1,144,78)
```
#01a459
```
#01a459 rgb(1,164,89)
```
#01b763
```
#01b763 rgb(1,183,99)
```
#01cb6e
```
#01cb6e rgb(1,203,110)
```
#01de78
```
#01de78 rgb(1,222,120)
```
#01f283
```
#01f283 rgb(1,242,131)
```

Shade Color Variation

#09fe8d
```
#09fe8d rgb(9,254,141)
```
#1cfe96
```
#1cfe96 rgb(28,254,150)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```
#44fea8
```
#44fea8 rgb(68,254,168)
```
#57feb1
```
#57feb1 rgb(87,254,177)
```
#6bfeba
```
#6bfeba rgb(107,254,186)
```
#7efec3
```
#7efec3 rgb(126,254,195)
```
#92fecc
```
#92fecc rgb(146,254,204)
```
#a5ffd5
```
#a5ffd5 rgb(165,255,213)
```
#b9ffde
```
#b9ffde rgb(185,255,222)
```
#ccffe7
```
#ccffe7 rgb(204,255,231)
```
#e0fff0
```
#e0fff0 rgb(224,255,240)
```
#f3fffa
```
#f3fffa rgb(243,255,250)
```

Tint Color Variation

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

#909e98
```
#909e98 rgb(144,158,152)
```
#88a698
```
#88a698 rgb(136,166,152)
```
#80ae99
```
#80ae99 rgb(128,174,153)
```
#78b699
```
#78b699 rgb(120,182,153)
```
#70be9a
```
#70be9a rgb(112,190,154)
```
#68c69b
```
#68c69b rgb(104,198,155)
```
#60ce9b
```
#60ce9b rgb(96,206,155)
```
#58d69c
```
#58d69c rgb(88,214,156)
```
#50de9d
```
#50de9d rgb(80,222,157)
```
#48e69d
```
#48e69d rgb(72,230,157)
```
#40ee9e
```
#40ee9e rgb(64,238,158)
```
#38f69e
```
#38f69e rgb(56,246,158)
```
#30fe9f
```
#30fe9f rgb(48,254,159)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9bc4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e098 Protanopia 1% of men
#ffdabc Deuteranopia 1% of men
#8defff Tritanopia 0.001% of the population

Trichromacy

#aceb9a Protanomaly 1% of men, 0.01% of women
#b3e7b1 Deuteranomaly 6% of men, 0.4% of women
#6bf4dc Tritanomaly 0.01% of the population