#30e0b2 hex color

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

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

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

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

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

CIE-LAB	80.264, -53.479, 10.391
XYZ	35.907, 57.15, 51.256
xyY	0.249, 0.396, 57.15
CIE-LCH	80.264, 54.479, 169.004
CIE-LUV	80.264, -63.283, 23.958
Hunter-Lab	75.598, -47.513, 12.72
Binary	00110000, 11100000, 10110010

#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#e0305e
```
#e0305e rgb(224,48,94)
```

Complementary Color

#30e05a
```
#30e05a rgb(48,224,90)
```
#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#30b6e0
```
#30b6e0 rgb(48,182,224)
```

Analogous Color

#e05a30
```
#e05a30 rgb(224,90,48)
```
#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#e030b6
```
#e030b6 rgb(224,48,182)
```

Split Complementary Color

#e0b230
```
#e0b230 rgb(224,178,48)
```
#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#b230e0
```
#b230e0 rgb(178,48,224)
```

Triadic Color

#5ee030
```
#5ee030 rgb(94,224,48)
```
#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#b230e0
```
#b230e0 rgb(178,48,224)
```
#e0305e
```
#e0305e rgb(224,48,94)
```

Tetradic Color

#19aa84
```
#19aa84 rgb(25,170,132)
```
#1dc096
```
#1dc096 rgb(29,192,150)
```
#20d6a7
```
#20d6a7 rgb(32,214,167)
```
#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#46e3ba
```
#46e3ba rgb(70,227,186)
```
#5ce7c3
```
#5ce7c3 rgb(92,231,195)
```
#73eacb
```
#73eacb rgb(115,234,203)
```

Monochromatic Color

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

#30e086
```
#30e086 rgb(48,224,134)
```
#30e095
```
#30e095 rgb(48,224,149)
```
#30e0a3
```
#30e0a3 rgb(48,224,163)
```
#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#30e0c1
```
#30e0c1 rgb(48,224,193)
```
#30e0cf
```
#30e0cf rgb(48,224,207)
```
#30e0de
```
#30e0de rgb(48,224,222)
```

Similar Colors

Text with hexadecimal color #30e0b2

This text has a font color of #30e0b2.

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

#30e0b2 background color

This paragraph has a background color of #30e0b2.

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

#30e0b2 border color

This element has a border color of #30e0b2.

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

CSS codes

.text {color:#30e0b2;}

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

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

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

#020f0c
```
#020f0c rgb(2,15,12)
```
#052019
```
#052019 rgb(5,32,25)
```
#073126
```
#073126 rgb(7,49,38)
```
#0a4233
```
#0a4233 rgb(10,66,51)
```
#0c5341
```
#0c5341 rgb(12,83,65)
```
#0f644e
```
#0f644e rgb(15,100,78)
```
#12755b
```
#12755b rgb(18,117,91)
```
#148668
```
#148668 rgb(20,134,104)
```
#179776
```
#179776 rgb(23,151,118)
```
#19a883
```
#19a883 rgb(25,168,131)
```
#1cb990
```
#1cb990 rgb(28,185,144)
```
#1eca9d
```
#1eca9d rgb(30,202,157)
```
#21dcab
```
#21dcab rgb(33,220,171)
```

Shade Color Variation

#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#41e3b8
```
#41e3b8 rgb(65,227,184)
```
#52e5bf
```
#52e5bf rgb(82,229,191)
```
#63e8c5
```
#63e8c5 rgb(99,232,197)
```
#74eacb
```
#74eacb rgb(116,234,203)
```
#85edd2
```
#85edd2 rgb(133,237,210)
```
#96efd8
```
#96efd8 rgb(150,239,216)
```
#a7f2de
```
#a7f2de rgb(167,242,222)
```
#b8f4e5
```
#b8f4e5 rgb(184,244,229)
```
#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 #15fbbf is the most saturated one.

#828e8b
```
#828e8b rgb(130,142,139)
```
#79978f
```
#79978f rgb(121,151,143)
```
#70a093
```
#70a093 rgb(112,160,147)
```
#67a998
```
#67a998 rgb(103,169,152)
```
#5eb29c
```
#5eb29c rgb(94,178,156)
```
#55bba1
```
#55bba1 rgb(85,187,161)
```
#4bc5a5
```
#4bc5a5 rgb(75,197,165)
```
#42cea9
```
#42cea9 rgb(66,206,169)
```
#39d7ae
```
#39d7ae rgb(57,215,174)
```
#30e0b2
```
#30e0b2 rgb(48,224,178)
```
#27e9b6
```
#27e9b6 rgb(39,233,182)
```
#1ef2bb
```
#1ef2bb rgb(30,242,187)
```
#15fbbf
```
#15fbbf rgb(21,251,191)
```

Tone Color Variation

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

#d4c9aa Protanopia 1% of men
#e0c3c0 Deuteranopia 1% of men
#5fdaea Tritanopia 0.001% of the population

Trichromacy

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

#30e0b2 hex color

#30e0b2 Color Information

#30e0b2 Color Conversion

Color Schemes with #30e0b2

Alternatives to #30e0b2

#30e0b2 Preview

Shades and Tints of #30e0b2

Tones of #30e0b2

Color Blindness Simulator