#30efe5 hex color

In a RGB color space, hex #30efe5 is composed of 18.8% red, 93.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 0% magenta, 4.2% yellow and 6.3% black. It has a hue angle of 176.9 degrees, a saturation of 85.7% and a lightness of 56.3%. #30efe5 color hex could be obtained by blending #60ffff with #00dfcb. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 94
- B 90
RGB color chart
- C 80
- M 0
- Y 4
- K 6
CMYK color chart

● #30efe5 color description : Bright cyan.

The hexadecimal color #30efe5 has RGB values of R:48, G:239, B:229 and CMYK values of C:0.8, M:0, Y:0.04, K:0.06. Its decimal value is 3207141.

Hex triplet	30efe5	`#30efe5`
RGB Decimal	48, 239, 229	`rgb(48,239,229)`
RGB Percent	18.8, 93.7, 89.8	`rgb(18.8%,93.7%,89.8%)`
CMYK	80, 0, 4, 6
HSL	176.9°, 85.7, 56.3	`hsl(176.9,85.7%,56.3%)`
HSV (or HSB)	176.9°, 79.9, 93.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.013, -46.514, -8.137
XYZ	46.224, 68.014, 84.816
xyY	0.232, 0.342, 68.014
CIE-LCH	86.013, 47.221, 189.922
CIE-LUV	86.013, -64.699, -5.495
Hunter-Lab	82.471, -44.276, -3.247
Binary	00110000, 11101111, 11100101

#30efe5
```
#30efe5 rgb(48,239,229)
```
#ef303a
```
#ef303a rgb(239,48,58)
```

Complementary Color

#30ef86
```
#30ef86 rgb(48,239,134)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#309aef
```
#309aef rgb(48,154,239)
```

Analogous Color

#ef8630
```
#ef8630 rgb(239,134,48)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#ef309a
```
#ef309a rgb(239,48,154)
```

Split Complementary Color

#efe530
```
#efe530 rgb(239,229,48)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#e530ef
```
#e530ef rgb(229,48,239)
```

Triadic Color

#3aef30
```
#3aef30 rgb(58,239,48)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#e530ef
```
#e530ef rgb(229,48,239)
```
#ef303a
```
#ef303a rgb(239,48,58)
```

Tetradic Color

#0fc3ba
```
#0fc3ba rgb(15,195,186)
```
#11dbd0
```
#11dbd0 rgb(17,219,208)
```
#18ede2
```
#18ede2 rgb(24,237,226)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#48f1e8
```
#48f1e8 rgb(72,241,232)
```
#5ff3eb
```
#5ff3eb rgb(95,243,235)
```
#77f4ee
```
#77f4ee rgb(119,244,238)
```

Monochromatic Color

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

#30efb5
```
#30efb5 rgb(48,239,181)
```
#30efc5
```
#30efc5 rgb(48,239,197)
```
#30efd5
```
#30efd5 rgb(48,239,213)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#30e9ef
```
#30e9ef rgb(48,233,239)
```
#30d9ef
```
#30d9ef rgb(48,217,239)
```
#30c9ef
```
#30c9ef rgb(48,201,239)
```

Similar Colors

Text with hexadecimal color #30efe5

This text has a font color of #30efe5.

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

#30efe5 background color

This paragraph has a background color of #30efe5.

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

#30efe5 border color

This element has a border color of #30efe5.

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

CSS codes

.text {color:#30efe5;}

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

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

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, #010b0b is the darkest color, while #f8fefe is the lightest one.

#010b0b
```
#010b0b rgb(1,11,11)
```
#021e1c
```
#021e1c rgb(2,30,28)
```
#04302e
```
#04302e rgb(4,48,46)
```
#05423f
```
#05423f rgb(5,66,63)
```
#075450
```
#075450 rgb(7,84,80)
```
#086762
```
#086762 rgb(8,103,98)
```
#097973
```
#097973 rgb(9,121,115)
```
#0b8b84
```
#0b8b84 rgb(11,139,132)
```
#0c9d96
```
#0c9d96 rgb(12,157,150)
```
#0eafa7
```
#0eafa7 rgb(14,175,167)
```
#0fc2b8
```
#0fc2b8 rgb(15,194,184)
```
#10d4ca
```
#10d4ca rgb(16,212,202)
```
#12e6db
```
#12e6db rgb(18,230,219)
```

Shade Color Variation

#1eeee3
```
#1eeee3 rgb(30,238,227)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#42f0e7
```
#42f0e7 rgb(66,240,231)
```
#54f2ea
```
#54f2ea rgb(84,242,234)
```
#67f3ec
```
#67f3ec rgb(103,243,236)
```
#79f5ee
```
#79f5ee rgb(121,245,238)
```
#8bf6f0
```
#8bf6f0 rgb(139,246,240)
```
#9df7f3
```
#9df7f3 rgb(157,247,243)
```
#aff9f5
```
#aff9f5 rgb(175,249,245)
```
#c2faf7
```
#c2faf7 rgb(194,250,247)
```
#d4fcfa
```
#d4fcfa rgb(212,252,250)
```
#e6fdfc
```
#e6fdfc rgb(230,253,252)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#8e9191
```
#8e9191 rgb(142,145,145)
```
#869998
```
#869998 rgb(134,153,152)
```
#7da2a0
```
#7da2a0 rgb(125,162,160)
```
#75aaa8
```
#75aaa8 rgb(117,170,168)
```
#6cb3af
```
#6cb3af rgb(108,179,175)
```
#63bcb7
```
#63bcb7 rgb(99,188,183)
```
#5bc4bf
```
#5bc4bf rgb(91,196,191)
```
#52cdc6
```
#52cdc6 rgb(82,205,198)
```
#4ad5ce
```
#4ad5ce rgb(74,213,206)
```
#41ded6
```
#41ded6 rgb(65,222,214)
```
#39e6dd
```
#39e6dd rgb(57,230,221)
```
#30efe5
```
#30efe5 rgb(48,239,229)
```
#27f8ed
```
#27f8ed rgb(39,248,237)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9ac1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd8d9 Protanopia 1% of men
#e1d3f0 Deuteranopia 1% of men
#51ecfd Tritanopia 0.001% of the population

Trichromacy

#9de0dd Protanomaly 1% of men, 0.01% of women
#a1ddec Deuteranomaly 6% of men, 0.4% of women
#45edf4 Tritanomaly 0.01% of the population

#30efe5 hex color

#30efe5 Color Information

#30efe5 Color Conversion

Color Schemes with #30efe5

Alternatives to #30efe5

#30efe5 Preview

Shades and Tints of #30efe5

Tones of #30efe5

Color Blindness Simulator