#30ec96 hex color

In a RGB color space, hex #30ec96 is composed of 18.8% red, 92.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 36.4% yellow and 7.5% black. It has a hue angle of 152.6 degrees, a saturation of 83.2% and a lightness of 55.7%. #30ec96 color hex could be obtained by blending #60ffff with #00d92d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #30ec96 has RGB values of R:48, G:236, B:150 and CMYK values of C:0.8, M:0, Y:0.36, K:0.07. Its decimal value is 3206294.

Hex triplet	30ec96	`#30ec96`
RGB Decimal	48, 236, 150	`rgb(48,236,150)`
RGB Percent	18.8, 92.5, 58.8	`rgb(18.8%,92.5%,58.8%)`
CMYK	80, 0, 36, 7
HSL	152.6°, 83.2, 55.7	`hsl(152.6,83.2%,55.7%)`
HSV (or HSB)	152.6°, 79.7, 92.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	83.346, -64.069, 29.199
XYZ	36.717, 62.817, 39.042
xyY	0.265, 0.453, 62.817
CIE-LCH	83.346, 70.409, 155.499
CIE-LUV	83.346, -69.182, 51.413
Hunter-Lab	79.257, -56.009, 26.274
Binary	00110000, 11101100, 10010110

#30ec96
```
#30ec96 rgb(48,236,150)
```
#ec3086
```
#ec3086 rgb(236,48,134)
```

Complementary Color

#30ec38
```
#30ec38 rgb(48,236,56)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#30e4ec
```
#30e4ec rgb(48,228,236)
```

Analogous Color

#ec3830
```
#ec3830 rgb(236,56,48)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#ec30e4
```
#ec30e4 rgb(236,48,228)
```

Split Complementary Color

#ec9630
```
#ec9630 rgb(236,150,48)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#9630ec
```
#9630ec rgb(150,48,236)
```

Triadic Color

#86ec30
```
#86ec30 rgb(134,236,48)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#9630ec
```
#9630ec rgb(150,48,236)
```
#ec3086
```
#ec3086 rgb(236,48,134)
```

Tetradic Color

#11be6f
```
#11be6f rgb(17,190,111)
```
#14d57d
```
#14d57d rgb(20,213,125)
```
#19ea8a
```
#19ea8a rgb(25,234,138)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#47eea2
```
#47eea2 rgb(71,238,162)
```
#5ff0ae
```
#5ff0ae rgb(95,240,174)
```
#76f2ba
```
#76f2ba rgb(118,242,186)
```

Monochromatic Color

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

#30ec67
```
#30ec67 rgb(48,236,103)
```
#30ec77
```
#30ec77 rgb(48,236,119)
```
#30ec86
```
#30ec86 rgb(48,236,134)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#30eca6
```
#30eca6 rgb(48,236,166)
```
#30ecb5
```
#30ecb5 rgb(48,236,181)
```
#30ecc5
```
#30ecc5 rgb(48,236,197)
```

Similar Colors

Text with hexadecimal color #30ec96

This text has a font color of #30ec96.

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

#30ec96 background color

This paragraph has a background color of #30ec96.

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

#30ec96 border color

This element has a border color of #30ec96.

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

CSS codes

.text {color:#30ec96;}

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

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

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

#010905
```
#010905 rgb(1,9,5)
```
#021b10
```
#021b10 rgb(2,27,16)
```
#042d1a
```
#042d1a rgb(4,45,26)
```
#063e25
```
#063e25 rgb(6,62,37)
```
#07502f
```
#07502f rgb(7,80,47)
```
#09623a
```
#09623a rgb(9,98,58)
```
#0b7444
```
#0b7444 rgb(11,116,68)
```
#0c864f
```
#0c864f rgb(12,134,79)
```
#0e9859
```
#0e9859 rgb(14,152,89)
```
#10aa64
```
#10aa64 rgb(16,170,100)
```
#11bc6e
```
#11bc6e rgb(17,188,110)
```
#13ce79
```
#13ce79 rgb(19,206,121)
```
#15e083
```
#15e083 rgb(21,224,131)
```

Shade Color Variation

#1eea8d
```
#1eea8d rgb(30,234,141)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#42ee9f
```
#42ee9f rgb(66,238,159)
```
#54efa8
```
#54efa8 rgb(84,239,168)
```
#66f1b1
```
#66f1b1 rgb(102,241,177)
```
#78f3ba
```
#78f3ba rgb(120,243,186)
```
#8af4c4
```
#8af4c4 rgb(138,244,196)
```
#9cf6cd
```
#9cf6cd rgb(156,246,205)
```
#aef8d6
```
#aef8d6 rgb(174,248,214)
```
#c0f9df
```
#c0f9df rgb(192,249,223)
```
#d2fbe8
```
#d2fbe8 rgb(210,251,232)
```
#e4fcf1
```
#e4fcf1 rgb(228,252,241)
```
#f6fefa
```
#f6fefa rgb(246,254,250)
```

Tint Color Variation

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

#87958f
```
#87958f rgb(135,149,143)
```
#7e9e8f
```
#7e9e8f rgb(126,158,143)
```
#76a690
```
#76a690 rgb(118,166,144)
```
#6daf91
```
#6daf91 rgb(109,175,145)
```
#64b892
```
#64b892 rgb(100,184,146)
```
#5bc192
```
#5bc192 rgb(91,193,146)
```
#53c993
```
#53c993 rgb(83,201,147)
```
#4ad294
```
#4ad294 rgb(74,210,148)
```
#41db95
```
#41db95 rgb(65,219,149)
```
#39e395
```
#39e395 rgb(57,227,149)
```
#30ec96
```
#30ec96 rgb(48,236,150)
```
#27f597
```
#27f597 rgb(39,245,151)
```
#1ffd97
```
#1ffd97 rgb(31,253,151)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#92b7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d190 Protanopia 1% of men
#f4caa7 Deuteranopia 1% of men
#6de2f2 Tritanopia 0.001% of the population

Trichromacy

#a1db92 Protanomaly 1% of men, 0.01% of women
#acd6a1 Deuteranomaly 6% of men, 0.4% of women
#57e5d0 Tritanomaly 0.01% of the population

#30ec96 hex color

#30ec96 Color Information

#30ec96 Color Conversion

Color Schemes with #30ec96

Alternatives to #30ec96

#30ec96 Preview

Shades and Tints of #30ec96

Tones of #30ec96

Color Blindness Simulator