#30e0b1 hex color

In a RGB color space, hex #30e0b1 is composed of 18.8% red, 87.8% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 21% yellow and 12.2% black. It has a hue angle of 164 degrees, a saturation of 73.9% and a lightness of 53.3%. #30e0b1 color hex could be obtained by blending #60ffff with #00c163. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 88
- B 69
RGB color chart
- C 79
- M 0
- Y 21
- K 12
CMYK color chart

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

The hexadecimal color #30e0b1 has RGB values of R:48, G:224, B:177 and CMYK values of C:0.79, M:0, Y:0.21, K:0.12. Its decimal value is 3203249.

Hex triplet	30e0b1	`#30e0b1`
RGB Decimal	48, 224, 177	`rgb(48,224,177)`
RGB Percent	18.8, 87.8, 69.4	`rgb(18.8%,87.8%,69.4%)`
CMYK	79, 0, 21, 12
HSL	164°, 73.9, 53.3	`hsl(164,73.9%,53.3%)`
HSV (or HSB)	164°, 78.6, 87.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.242, -53.718, 10.888
XYZ	35.807, 57.11, 50.729
xyY	0.249, 0.398, 57.11
CIE-LCH	80.242, 54.81, 168.542
CIE-LUV	80.242, -63.352, 24.711
Hunter-Lab	75.571, -47.673, 13.1
Binary	00110000, 11100000, 10110001

#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#e0305f
```
#e0305f rgb(224,48,95)
```

Complementary Color

#30e059
```
#30e059 rgb(48,224,89)
```
#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#30b7e0
```
#30b7e0 rgb(48,183,224)
```

Analogous Color

#e05930
```
#e05930 rgb(224,89,48)
```
#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#e030b7
```
#e030b7 rgb(224,48,183)
```

Split Complementary Color

#e0b130
```
#e0b130 rgb(224,177,48)
```
#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#b130e0
```
#b130e0 rgb(177,48,224)
```

Triadic Color

#5fe030
```
#5fe030 rgb(95,224,48)
```
#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#b130e0
```
#b130e0 rgb(177,48,224)
```
#e0305f
```
#e0305f rgb(224,48,95)
```

Tetradic Color

#19aa83
```
#19aa83 rgb(25,170,131)
```
#1dc095
```
#1dc095 rgb(29,192,149)
```
#20d6a6
```
#20d6a6 rgb(32,214,166)
```
#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#46e3b9
```
#46e3b9 rgb(70,227,185)
```
#5ce7c2
```
#5ce7c2 rgb(92,231,194)
```
#73eaca
```
#73eaca rgb(115,234,202)
```

Monochromatic Color

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

#30e085
```
#30e085 rgb(48,224,133)
```
#30e094
```
#30e094 rgb(48,224,148)
```
#30e0a2
```
#30e0a2 rgb(48,224,162)
```
#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#30e0c0
```
#30e0c0 rgb(48,224,192)
```
#30e0ce
```
#30e0ce rgb(48,224,206)
```
#30e0dd
```
#30e0dd rgb(48,224,221)
```

Similar Colors

Text with hexadecimal color #30e0b1

This text has a font color of #30e0b1.

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

#30e0b1 background color

This paragraph has a background color of #30e0b1.

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

#30e0b1 border color

This element has a border color of #30e0b1.

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

CSS codes

.text {color:#30e0b1;}

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

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

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, #020f0b is the darkest color, while #fdfffe is the lightest one.

#020f0b
```
#020f0b rgb(2,15,11)
```
#052019
```
#052019 rgb(5,32,25)
```
#073126
```
#073126 rgb(7,49,38)
```
#0a4233
```
#0a4233 rgb(10,66,51)
```
#0c5340
```
#0c5340 rgb(12,83,64)
```
#0f644d
```
#0f644d rgb(15,100,77)
```
#12755b
```
#12755b rgb(18,117,91)
```
#148668
```
#148668 rgb(20,134,104)
```
#179775
```
#179775 rgb(23,151,117)
```
#19a882
```
#19a882 rgb(25,168,130)
```
#1cb98f
```
#1cb98f rgb(28,185,143)
```
#1eca9c
```
#1eca9c rgb(30,202,156)
```
#21dcaa
```
#21dcaa rgb(33,220,170)
```

Shade Color Variation

#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#41e3b7
```
#41e3b7 rgb(65,227,183)
```
#52e5be
```
#52e5be rgb(82,229,190)
```
#63e8c4
```
#63e8c4 rgb(99,232,196)
```
#74eacb
```
#74eacb rgb(116,234,203)
```
#85edd1
```
#85edd1 rgb(133,237,209)
```
#96efd8
```
#96efd8 rgb(150,239,216)
```
#a7f2de
```
#a7f2de rgb(167,242,222)
```
#b8f4e4
```
#b8f4e4 rgb(184,244,228)
```
#caf7eb
```
#caf7eb rgb(202,247,235)
```
#dbfaf1
```
#dbfaf1 rgb(219,250,241)
```
#ecfcf8
```
#ecfcf8 rgb(236,252,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828e8b is the less saturated color, while #15fbbe is the most saturated one.

#828e8b
```
#828e8b rgb(130,142,139)
```
#79978f
```
#79978f rgb(121,151,143)
```
#70a093
```
#70a093 rgb(112,160,147)
```
#67a997
```
#67a997 rgb(103,169,151)
```
#5eb29c
```
#5eb29c rgb(94,178,156)
```
#55bba0
```
#55bba0 rgb(85,187,160)
```
#4bc5a4
```
#4bc5a4 rgb(75,197,164)
```
#42cea8
```
#42cea8 rgb(66,206,168)
```
#39d7ad
```
#39d7ad rgb(57,215,173)
```
#30e0b1
```
#30e0b1 rgb(48,224,177)
```
#27e9b5
```
#27e9b5 rgb(39,233,181)
```
#1ef2ba
```
#1ef2ba rgb(30,242,186)
```
#15fbbe
```
#15fbbe rgb(21,251,190)
```

Tone Color Variation

Below, you can see how #30e0b1 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
#8eb2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c9a9 Protanopia 1% of men
#e0c3bf Deuteranopia 1% of men
#5fdaea Tritanopia 0.001% of the population

Trichromacy

#98d1ac Protanomaly 1% of men, 0.01% of women
#a0cdba Deuteranomaly 6% of men, 0.4% of women
#4edcd5 Tritanomaly 0.01% of the population

#30e0b1 hex color

#30e0b1 Color Information

#30e0b1 Color Conversion

Color Schemes with #30e0b1

Alternatives to #30e0b1

#30e0b1 Preview

Shades and Tints of #30e0b1

Tones of #30e0b1

Color Blindness Simulator