#30e2a1 hex color

In a RGB color space, hex #30e2a1 is composed of 18.8% red, 88.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 0% magenta, 28.8% yellow and 11.4% black. It has a hue angle of 158.1 degrees, a saturation of 75.4% and a lightness of 53.7%. #30e2a1 color hex could be obtained by blending #60ffff with #00c543. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 89
- B 63
RGB color chart
- C 79
- M 0
- Y 29
- K 11
CMYK color chart

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

The hexadecimal color #30e2a1 has RGB values of R:48, G:226, B:161 and CMYK values of C:0.79, M:0, Y:0.29, K:0.11. Its decimal value is 3203745.

Hex triplet	30e2a1	`#30e2a1`
RGB Decimal	48, 226, 161	`rgb(48,226,161)`
RGB Percent	18.8, 88.6, 63.1	`rgb(18.8%,88.6%,63.1%)`
CMYK	79, 0, 29, 11
HSL	158.1°, 75.4, 53.7	`hsl(158.1,75.4%,53.7%)`
HSV (or HSB)	158.1°, 78.8, 88.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.511, -58.14, 19.668
XYZ	34.845, 57.591, 42.996
xyY	0.257, 0.425, 57.591
CIE-LCH	80.511, 61.377, 161.31
CIE-LUV	80.511, -65.116, 37.692
Hunter-Lab	75.889, -50.844, 19.53
Binary	00110000, 11100010, 10100001

#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#e23071
```
#e23071 rgb(226,48,113)
```

Complementary Color

#30e248
```
#30e248 rgb(48,226,72)
```
#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#30cae2
```
#30cae2 rgb(48,202,226)
```

Analogous Color

#e24830
```
#e24830 rgb(226,72,48)
```
#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#e230ca
```
#e230ca rgb(226,48,202)
```

Split Complementary Color

#e2a130
```
#e2a130 rgb(226,161,48)
```
#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#a130e2
```
#a130e2 rgb(161,48,226)
```

Triadic Color

#71e230
```
#71e230 rgb(113,226,48)
```
#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#a130e2
```
#a130e2 rgb(161,48,226)
```
#e23071
```
#e23071 rgb(226,48,113)
```

Tetradic Color

#18ad77
```
#18ad77 rgb(24,173,119)
```
#1bc486
```
#1bc486 rgb(27,196,134)
```
#1fda96
```
#1fda96 rgb(31,218,150)
```
#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#46e5ab
```
#46e5ab rgb(70,229,171)
```
#5de8b5
```
#5de8b5 rgb(93,232,181)
```
#73ebbf
```
#73ebbf rgb(115,235,191)
```

Monochromatic Color

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

#30e275
```
#30e275 rgb(48,226,117)
```
#30e283
```
#30e283 rgb(48,226,131)
```
#30e292
```
#30e292 rgb(48,226,146)
```
#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#30e2b0
```
#30e2b0 rgb(48,226,176)
```
#30e2bf
```
#30e2bf rgb(48,226,191)
```
#30e2ce
```
#30e2ce rgb(48,226,206)
```

Similar Colors

Text with hexadecimal color #30e2a1

This text has a font color of #30e2a1.

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

#30e2a1 background color

This paragraph has a background color of #30e2a1.

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

#30e2a1 border color

This element has a border color of #30e2a1.

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

CSS codes

.text {color:#30e2a1;}

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

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

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, #02110b is the darkest color, while #feffff is the lightest one.

#02110b
```
#02110b rgb(2,17,11)
```
#052217
```
#052217 rgb(5,34,23)
```
#073323
```
#073323 rgb(7,51,35)
```
#0a442f
```
#0a442f rgb(10,68,47)
```
#0c553b
```
#0c553b rgb(12,85,59)
```
#0e6746
```
#0e6746 rgb(14,103,70)
```
#117852
```
#117852 rgb(17,120,82)
```
#13895e
```
#13895e rgb(19,137,94)
```
#169a6a
```
#169a6a rgb(22,154,106)
```
#18ac76
```
#18ac76 rgb(24,172,118)
```
#1abd81
```
#1abd81 rgb(26,189,129)
```
#1dce8d
```
#1dce8d rgb(29,206,141)
```
#1fdf99
```
#1fdf99 rgb(31,223,153)
```

Shade Color Variation

#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#41e4a9
```
#41e4a9 rgb(65,228,169)
```
#52e7b1
```
#52e7b1 rgb(82,231,177)
```
#64e9b8
```
#64e9b8 rgb(100,233,184)
```
#75ecc0
```
#75ecc0 rgb(117,236,192)
```
#86eec8
```
#86eec8 rgb(134,238,200)
```
#97f0d0
```
#97f0d0 rgb(151,240,208)
```
#a8f3d8
```
#a8f3d8 rgb(168,243,216)
```
#baf5e0
```
#baf5e0 rgb(186,245,224)
```
#cbf8e7
```
#cbf8e7 rgb(203,248,231)
```
#dcfaef
```
#dcfaef rgb(220,250,239)
```
#edfdf7
```
#edfdf7 rgb(237,253,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#82908b
```
#82908b rgb(130,144,139)
```
#79998d
```
#79998d rgb(121,153,141)
```
#70a290
```
#70a290 rgb(112,162,144)
```
#66ac92
```
#66ac92 rgb(102,172,146)
```
#5db595
```
#5db595 rgb(93,181,149)
```
#54be97
```
#54be97 rgb(84,190,151)
```
#4bc79a
```
#4bc79a rgb(75,199,154)
```
#42d09c
```
#42d09c rgb(66,208,156)
```
#39d99f
```
#39d99f rgb(57,217,159)
```
#30e2a1
```
#30e2a1 rgb(48,226,161)
```
#27eba3
```
#27eba3 rgb(39,235,163)
```
#1ef4a6
```
#1ef4a6 rgb(30,244,166)
```
#15fda8
```
#15fda8 rgb(21,253,168)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eb1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8ca9b Protanopia 1% of men
#e6c3b0 Deuteranopia 1% of men
#65daea Tritanopia 0.001% of the population

Trichromacy

#9bd29d Protanomaly 1% of men, 0.01% of women
#a4ceab Deuteranomaly 6% of men, 0.4% of women
#52ddcf Tritanomaly 0.01% of the population

#30e2a1 hex color

#30e2a1 Color Information

#30e2a1 Color Conversion

Color Schemes with #30e2a1

Alternatives to #30e2a1

#30e2a1 Preview

Shades and Tints of #30e2a1

Tones of #30e2a1

Color Blindness Simulator