#30e5af hex color

In a RGB color space, hex #30e5af is composed of 18.8% red, 89.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 0% magenta, 23.6% yellow and 10.2% black. It has a hue angle of 162.1 degrees, a saturation of 77.7% and a lightness of 54.3%. #30e5af color hex could be obtained by blending #60ffff with #00cb5f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 90
- B 69
RGB color chart
- C 79
- M 0
- Y 24
- K 10
CMYK color chart

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

The hexadecimal color #30e5af has RGB values of R:48, G:229, B:175 and CMYK values of C:0.79, M:0, Y:0.24, K:0.1. Its decimal value is 3204527.

Hex triplet	30e5af	`#30e5af`
RGB Decimal	48, 229, 175	`rgb(48,229,175)`
RGB Percent	18.8, 89.8, 68.6	`rgb(18.8%,89.8%,68.6%)`
CMYK	79, 0, 24, 10
HSL	162.1°, 77.7, 54.3	`hsl(162.1,77.7%,54.3%)`
HSV (or HSB)	162.1°, 79, 89.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	81.707, -56.156, 14.015
XYZ	36.973, 59.758, 50.141
xyY	0.252, 0.407, 59.758
CIE-LCH	81.707, 57.878, 165.987
CIE-LUV	81.707, -65.196, 29.653
Hunter-Lab	77.304, -49.908, 15.656
Binary	00110000, 11100101, 10101111

#30e5af
```
#30e5af rgb(48,229,175)
```
#e53066
```
#e53066 rgb(229,48,102)
```

Complementary Color

#30e554
```
#30e554 rgb(48,229,84)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#30c1e5
```
#30c1e5 rgb(48,193,229)
```

Analogous Color

#e55530
```
#e55530 rgb(229,85,48)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#e530c1
```
#e530c1 rgb(229,48,193)
```

Split Complementary Color

#e5af30
```
#e5af30 rgb(229,175,48)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#af30e5
```
#af30e5 rgb(175,48,229)
```

Triadic Color

#66e530
```
#66e530 rgb(102,229,48)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#af30e5
```
#af30e5 rgb(175,48,229)
```
#e53066
```
#e53066 rgb(229,48,102)
```

Tetradic Color

#16b284
```
#16b284 rgb(22,178,132)
```
#19c994
```
#19c994 rgb(25,201,148)
```
#1cdfa5
```
#1cdfa5 rgb(28,223,165)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#47e8b8
```
#47e8b8 rgb(71,232,184)
```
#5debc1
```
#5debc1 rgb(93,235,193)
```
#74eec9
```
#74eec9 rgb(116,238,201)
```

Monochromatic Color

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

#30e582
```
#30e582 rgb(48,229,130)
```
#30e591
```
#30e591 rgb(48,229,145)
```
#30e5a0
```
#30e5a0 rgb(48,229,160)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#30e5be
```
#30e5be rgb(48,229,190)
```
#30e5cd
```
#30e5cd rgb(48,229,205)
```
#30e5dc
```
#30e5dc rgb(48,229,220)
```

Similar Colors

Text with hexadecimal color #30e5af

This text has a font color of #30e5af.

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

#30e5af background color

This paragraph has a background color of #30e5af.

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

#30e5af border color

This element has a border color of #30e5af.

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

CSS codes

.text {color:#30e5af;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#02140e
```
#02140e rgb(2,20,14)
```
#05251b
```
#05251b rgb(5,37,27)
```
#073628
```
#073628 rgb(7,54,40)
```
#094835
```
#094835 rgb(9,72,53)
```
#0b5942
```
#0b5942 rgb(11,89,66)
```
#0d6b4f
```
#0d6b4f rgb(13,107,79)
```
#107c5c
```
#107c5c rgb(16,124,92)
```
#128e69
```
#128e69 rgb(18,142,105)
```
#149f75
```
#149f75 rgb(20,159,117)
```
#16b082
```
#16b082 rgb(22,176,130)
```
#18c28f
```
#18c28f rgb(24,194,143)
```
#1bd39c
```
#1bd39c rgb(27,211,156)
```

Shade Color Variation

#1fe3a8
```
#1fe3a8 rgb(31,227,168)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#41e7b6
```
#41e7b6 rgb(65,231,182)
```
#53e9bc
```
#53e9bc rgb(83,233,188)
```
#64ecc3
```
#64ecc3 rgb(100,236,195)
```
#76eeca
```
#76eeca rgb(118,238,202)
```
#87f0d1
```
#87f0d1 rgb(135,240,209)
```
#99f2d7
```
#99f2d7 rgb(153,242,215)
```
#aaf4de
```
#aaf4de rgb(170,244,222)
```
#bbf7e5
```
#bbf7e5 rgb(187,247,229)
```
#cdf9ec
```
#cdf9ec rgb(205,249,236)
```
#defbf2
```
#defbf2 rgb(222,251,242)
```
#f0fdf9
```
#f0fdf9 rgb(240,253,249)
```

Tint Color Variation

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

#8a8b8b
```
#8a8b8b rgb(138,139,139)
```
#81948e
```
#81948e rgb(129,148,142)
```
#789d92
```
#789d92 rgb(120,157,146)
```
#6fa696
```
#6fa696 rgb(111,166,150)
```
#66af99
```
#66af99 rgb(102,175,153)
```
#5db89d
```
#5db89d rgb(93,184,157)
```
#54c1a1
```
#54c1a1 rgb(84,193,161)
```
#4bcaa4
```
#4bcaa4 rgb(75,202,164)
```
#42d3a8
```
#42d3a8 rgb(66,211,168)
```
#39dcab
```
#39dcab rgb(57,220,171)
```
#30e5af
```
#30e5af rgb(48,229,175)
```
#27eeb3
```
#27eeb3 rgb(39,238,179)
```
#1ef7b6
```
#1ef7b6 rgb(30,247,182)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#91b5aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cda7 Protanopia 1% of men
#e6c7be Deuteranopia 1% of men
#63deee Tritanopia 0.001% of the population

Trichromacy

#9cd5aa Protanomaly 1% of men, 0.01% of women
#a4d1b8 Deuteranomaly 6% of men, 0.4% of women
#50e0d7 Tritanomaly 0.01% of the population

#30e5af hex color

#30e5af Color Information

#30e5af Color Conversion

Color Schemes with #30e5af

Alternatives to #30e5af

#30e5af Preview

Shades and Tints of #30e5af

Tones of #30e5af

Color Blindness Simulator