#30ed6f hex color

In a RGB color space, hex #30ed6f is composed of 18.8% red, 92.9% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 53.2% yellow and 7.1% black. It has a hue angle of 140 degrees, a saturation of 84% and a lightness of 55.9%. #30ed6f color hex could be obtained by blending #60ffde with #00db00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 19
- G 93
- B 44
RGB color chart
- C 80
- M 0
- Y 53
- K 7
CMYK color chart

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

The hexadecimal color #30ed6f has RGB values of R:48, G:237, B:111 and CMYK values of C:0.8, M:0, Y:0.53, K:0.07. Its decimal value is 3206511.

Hex triplet	30ed6f	`#30ed6f`
RGB Decimal	48, 237, 111	`rgb(48,237,111)`
RGB Percent	18.8, 92.9, 43.5	`rgb(18.8%,92.9%,43.5%)`
CMYK	80, 0, 53, 7
HSL	140°, 84, 55.9	`hsl(140,84%,55.9%)`
HSV (or HSB)	140°, 79.7, 92.9
Web Safe	33ff66	`#33ff66`

CIE-LAB	83.094, -70.912, 47.962
XYZ	34.37, 62.341, 25.26
xyY	0.282, 0.511, 62.341
CIE-LCH	83.094, 85.608, 145.927
CIE-LUV	83.094, -71.633, 73.926
Hunter-Lab	78.956, -60.471, 36.301
Binary	00110000, 11101101, 01101111

#30ed6f
```
#30ed6f rgb(48,237,111)
```
#ed30ae
```
#ed30ae rgb(237,48,174)
```

Complementary Color

#4fed30
```
#4fed30 rgb(79,237,48)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#30edce
```
#30edce rgb(48,237,206)
```

Analogous Color

#ed3050
```
#ed3050 rgb(237,48,80)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#ce30ed
```
#ce30ed rgb(206,48,237)
```

Split Complementary Color

#ed6f30
```
#ed6f30 rgb(237,111,48)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#6f30ed
```
#6f30ed rgb(111,48,237)
```

Triadic Color

#aeed30
```
#aeed30 rgb(174,237,48)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#6f30ed
```
#6f30ed rgb(111,48,237)
```
#ed30ae
```
#ed30ae rgb(237,48,174)
```

Tetradic Color

#11c04b
```
#11c04b rgb(17,192,75)
```
#13d754
```
#13d754 rgb(19,215,84)
```
#19eb5f
```
#19eb5f rgb(25,235,95)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#47ef7f
```
#47ef7f rgb(71,239,127)
```
#5ff190
```
#5ff190 rgb(95,241,144)
```
#76f3a0
```
#76f3a0 rgb(118,243,160)
```

Monochromatic Color

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

#30ed40
```
#30ed40 rgb(48,237,64)
```
#30ed50
```
#30ed50 rgb(48,237,80)
```
#30ed5f
```
#30ed5f rgb(48,237,95)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#30ed7f
```
#30ed7f rgb(48,237,127)
```
#30ed8f
```
#30ed8f rgb(48,237,143)
```
#30ed9e
```
#30ed9e rgb(48,237,158)
```

Similar Colors

Text with hexadecimal color #30ed6f

This text has a font color of #30ed6f.

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

#30ed6f background color

This paragraph has a background color of #30ed6f.

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

#30ed6f border color

This element has a border color of #30ed6f.

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

CSS codes

.text {color:#30ed6f;}

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

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

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, #010a04 is the darkest color, while #f7fef9 is the lightest one.

#010a04
```
#010a04 rgb(1,10,4)
```
#021c0b
```
#021c0b rgb(2,28,11)
```
#042e12
```
#042e12 rgb(4,46,18)
```
#064019
```
#064019 rgb(6,64,25)
```
#075220
```
#075220 rgb(7,82,32)
```
#096427
```
#096427 rgb(9,100,39)
```
#0a762e
```
#0a762e rgb(10,118,46)
```
#0c8835
```
#0c8835 rgb(12,136,53)
```
#0d9a3c
```
#0d9a3c rgb(13,154,60)
```
#0fac43
```
#0fac43 rgb(15,172,67)
```
#11be4a
```
#11be4a rgb(17,190,74)
```
#12d051
```
#12d051 rgb(18,208,81)
```
#14e258
```
#14e258 rgb(20,226,88)
```

Shade Color Variation

#1eeb62
```
#1eeb62 rgb(30,235,98)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#42ef7c
```
#42ef7c rgb(66,239,124)
```
#54f088
```
#54f088 rgb(84,240,136)
```
#66f295
```
#66f295 rgb(102,242,149)
```
#78f3a1
```
#78f3a1 rgb(120,243,161)
```
#8af5ae
```
#8af5ae rgb(138,245,174)
```
#9cf6ba
```
#9cf6ba rgb(156,246,186)
```
#aef8c7
```
#aef8c7 rgb(174,248,199)
```
#c0fad3
```
#c0fad3 rgb(192,250,211)
```
#d2fbe0
```
#d2fbe0 rgb(210,251,224)
```
#e4fded
```
#e4fded rgb(228,253,237)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87968c is the less saturated color, while #1ffe69 is the most saturated one.

#87968c
```
#87968c rgb(135,150,140)
```
#7e9f89
```
#7e9f89 rgb(126,159,137)
```
#75a886
```
#75a886 rgb(117,168,134)
```
#6db083
```
#6db083 rgb(109,176,131)
```
#64b980
```
#64b980 rgb(100,185,128)
```
#5bc27d
```
#5bc27d rgb(91,194,125)
```
#53ca7b
```
#53ca7b rgb(83,202,123)
```
#4ad378
```
#4ad378 rgb(74,211,120)
```
#41dc75
```
#41dc75 rgb(65,220,117)
```
#39e472
```
#39e472 rgb(57,228,114)
```
#30ed6f
```
#30ed6f rgb(48,237,111)
```
#27f66c
```
#27f66c rgb(39,246,108)
```
#1ffe69
```
#1ffe69 rgb(31,254,105)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8eb49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d16d Protanopia 1% of men
#fbc884 Deuteranopia 1% of men
#75e0f1 Tritanopia 0.001% of the population

Trichromacy

#a4db6d Protanomaly 1% of men, 0.01% of women
#b1d57c Deuteranomaly 6% of men, 0.4% of women
#5ce5c1 Tritanomaly 0.01% of the population

#30ed6f hex color

#30ed6f Color Information

#30ed6f Color Conversion

Color Schemes with #30ed6f

Alternatives to #30ed6f

#30ed6f Preview

Shades and Tints of #30ed6f

Tones of #30ed6f

Color Blindness Simulator