#30fc86 hex color

In a RGB color space, hex #30fc86 is composed of 18.8% red, 98.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 46.8% yellow and 1.2% black. It has a hue angle of 145.3 degrees, a saturation of 97.1% and a lightness of 58.8%. #30fc86 color hex could be obtained by blending #60ffff with #00f90d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #30fc86 has RGB values of R:48, G:252, B:134 and CMYK values of C:0.81, M:0, Y:0.47, K:0.01. Its decimal value is 3210374.

Hex triplet	30fc86	`#30fc86`
RGB Decimal	48, 252, 134	`rgb(48,252,134)`
RGB Percent	18.8, 98.8, 52.5	`rgb(18.8%,98.8%,52.5%)`
CMYK	81, 0, 47, 1
HSL	145.3°, 97.1, 58.8	`hsl(145.3,97.1%,58.8%)`
HSV (or HSB)	145.3°, 81, 98.8
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.952, -72.35, 43.12
XYZ	40.33, 71.966, 34.318
xyY	0.275, 0.491, 71.966
CIE-LCH	87.952, 84.224, 149.205
CIE-LUV	87.952, -75.362, 70.153
Hunter-Lab	84.833, -63.599, 35.398
Binary	00110000, 11111100, 10000110

#30fc86
```
#30fc86 rgb(48,252,134)
```
#fc30a6
```
#fc30a6 rgb(252,48,166)
```

Complementary Color

#40fc30
```
#40fc30 rgb(64,252,48)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```
#30fcec
```
#30fcec rgb(48,252,236)
```

Analogous Color

#fc3040
```
#fc3040 rgb(252,48,64)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```
#ec30fc
```
#ec30fc rgb(236,48,252)
```

Split Complementary Color

#fc8630
```
#fc8630 rgb(252,134,48)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```
#8630fc
```
#8630fc rgb(134,48,252)
```

Triadic Color

#a6fc30
```
#a6fc30 rgb(166,252,48)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```
#8630fc
```
#8630fc rgb(134,48,252)
```
#fc30a6
```
#fc30a6 rgb(252,48,166)
```

Tetradic Color

#03dc5f
```
#03dc5f rgb(3,220,95)
```
#04f56a
```
#04f56a rgb(4,245,106)
```
#17fc77
```
#17fc77 rgb(23,252,119)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```
#49fc95
```
#49fc95 rgb(73,252,149)
```
#62fda3
```
#62fda3 rgb(98,253,163)
```
#7bfdb2
```
#7bfdb2 rgb(123,253,178)
```

Monochromatic Color

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

#30fc53
```
#30fc53 rgb(48,252,83)
```
#30fc64
```
#30fc64 rgb(48,252,100)
```
#30fc75
```
#30fc75 rgb(48,252,117)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```
#30fc97
```
#30fc97 rgb(48,252,151)
```
#30fca8
```
#30fca8 rgb(48,252,168)
```
#30fcb9
```
#30fcb9 rgb(48,252,185)
```

Similar Colors

Text with hexadecimal color #30fc86

This text has a font color of #30fc86.

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

#30fc86 background color

This paragraph has a background color of #30fc86.

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

#30fc86 border color

This element has a border color of #30fc86.

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

CSS codes

.text {color:#30fc86;}

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

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

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

#000602
```
#000602 rgb(0,6,2)
```
#00190b
```
#00190b rgb(0,25,11)
```
#012c13
```
#012c13 rgb(1,44,19)
```
#01401b
```
#01401b rgb(1,64,27)
```
#015324
```
#015324 rgb(1,83,36)
```
#01662c
```
#01662c rgb(1,102,44)
```
#027a34
```
#027a34 rgb(2,122,52)
```
#028d3d
```
#028d3d rgb(2,141,61)
```
#02a045
```
#02a045 rgb(2,160,69)
```
#03b44d
```
#03b44d rgb(3,180,77)
```
#03c756
```
#03c756 rgb(3,199,86)
```
#03da5e
```
#03da5e rgb(3,218,94)
```
#03ee66
```
#03ee66 rgb(3,238,102)
```

Shade Color Variation

#09fb6f
```
#09fb6f rgb(9,251,111)
```
#1dfc7b
```
#1dfc7b rgb(29,252,123)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```
#43fc91
```
#43fc91 rgb(67,252,145)
```
#57fd9d
```
#57fd9d rgb(87,253,157)
```
#6afda8
```
#6afda8 rgb(106,253,168)
```
#7dfdb3
```
#7dfdb3 rgb(125,253,179)
```
#91fdbf
```
#91fdbf rgb(145,253,191)
```
#a4feca
```
#a4feca rgb(164,254,202)
```
#b7fed5
```
#b7fed5 rgb(183,254,213)
```
#cbfee0
```
#cbfee0 rgb(203,254,224)
```
#deffec
```
#deffec rgb(222,255,236)
```
#f1fff7
```
#f1fff7 rgb(241,255,247)
```

Tint Color Variation

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

#919b95
```
#919b95 rgb(145,155,149)
```
#89a394
```
#89a394 rgb(137,163,148)
```
#81ab93
```
#81ab93 rgb(129,171,147)
```
#79b391
```
#79b391 rgb(121,179,145)
```
#71bb90
```
#71bb90 rgb(113,187,144)
```
#69c38f
```
#69c38f rgb(105,195,143)
```
#60cc8e
```
#60cc8e rgb(96,204,142)
```
#58d48c
```
#58d48c rgb(88,212,140)
```
#50dc8b
```
#50dc8b rgb(80,220,139)
```
#48e48a
```
#48e48a rgb(72,228,138)
```
#40ec89
```
#40ec89 rgb(64,236,137)
```
#38f487
```
#38f487 rgb(56,244,135)
```
#30fc86
```
#30fc86 rgb(48,252,134)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#98c1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3de81 Protanopia 1% of men
#ffd7ae Deuteranopia 1% of men
#7feeff Tritanopia 0.001% of the population

Trichromacy

#ace983 Protanomaly 1% of men, 0.01% of women
#b3e49f Deuteranomaly 6% of men, 0.4% of women
#62f3d3 Tritanomaly 0.01% of the population

#30fc86 hex color

#30fc86 Color Information

#30fc86 Color Conversion

Color Schemes with #30fc86

Alternatives to #30fc86

#30fc86 Preview

Shades and Tints of #30fc86

Tones of #30fc86

Color Blindness Simulator