#30efe2 hex color

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

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

● #30efe2 color description : Bright cyan.

The hexadecimal color #30efe2 has RGB values of R:48, G:239, B:226 and CMYK values of C:0.8, M:0, Y:0.05, K:0.06. Its decimal value is 3207138.

Hex triplet	30efe2	`#30efe2`
RGB Decimal	48, 239, 226	`rgb(48,239,226)`
RGB Percent	18.8, 93.7, 88.6	`rgb(18.8%,93.7%,88.6%)`
CMYK	80, 0, 5, 6
HSL	175.9°, 85.7, 56.3	`hsl(175.9,85.7%,56.3%)`
HSV (or HSB)	175.9°, 79.9, 93.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.93, -47.337, -6.684
XYZ	45.808, 67.848, 82.629
xyY	0.233, 0.346, 67.848
CIE-LCH	85.93, 47.807, 188.038
CIE-LUV	85.93, -64.923, -3.025
Hunter-Lab	82.37, -44.878, -1.818
Binary	00110000, 11101111, 11100010

#30efe2
```
#30efe2 rgb(48,239,226)
```
#ef303d
```
#ef303d rgb(239,48,61)
```

Complementary Color

#30ef83
```
#30ef83 rgb(48,239,131)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#309def
```
#309def rgb(48,157,239)
```

Analogous Color

#ef8330
```
#ef8330 rgb(239,131,48)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#ef309d
```
#ef309d rgb(239,48,157)
```

Split Complementary Color

#efe230
```
#efe230 rgb(239,226,48)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#e230ef
```
#e230ef rgb(226,48,239)
```

Triadic Color

#3def30
```
#3def30 rgb(61,239,48)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#e230ef
```
#e230ef rgb(226,48,239)
```
#ef303d
```
#ef303d rgb(239,48,61)
```

Tetradic Color

#0fc3b7
```
#0fc3b7 rgb(15,195,183)
```
#11dbcd
```
#11dbcd rgb(17,219,205)
```
#18eddf
```
#18eddf rgb(24,237,223)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#48f1e5
```
#48f1e5 rgb(72,241,229)
```
#5ff3e9
```
#5ff3e9 rgb(95,243,233)
```
#77f4ec
```
#77f4ec rgb(119,244,236)
```

Monochromatic Color

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

#30efb2
```
#30efb2 rgb(48,239,178)
```
#30efc2
```
#30efc2 rgb(48,239,194)
```
#30efd2
```
#30efd2 rgb(48,239,210)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#30ecef
```
#30ecef rgb(48,236,239)
```
#30dcef
```
#30dcef rgb(48,220,239)
```
#30ccef
```
#30ccef rgb(48,204,239)
```

Similar Colors

Text with hexadecimal color #30efe2

This text has a font color of #30efe2.

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

#30efe2 background color

This paragraph has a background color of #30efe2.

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

#30efe2 border color

This element has a border color of #30efe2.

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

CSS codes

.text {color:#30efe2;}

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

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

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)
```
#04302d
```
#04302d rgb(4,48,45)
```
#05423e
```
#05423e rgb(5,66,62)
```
#07544f
```
#07544f rgb(7,84,79)
```
#086760
```
#086760 rgb(8,103,96)
```
#097971
```
#097971 rgb(9,121,113)
```
#0b8b82
```
#0b8b82 rgb(11,139,130)
```
#0c9d93
```
#0c9d93 rgb(12,157,147)
```
#0eafa4
```
#0eafa4 rgb(14,175,164)
```
#0fc2b5
```
#0fc2b5 rgb(15,194,181)
```
#10d4c6
```
#10d4c6 rgb(16,212,198)
```
#12e6d8
```
#12e6d8 rgb(18,230,216)
```

Shade Color Variation

#1eeedf
```
#1eeedf rgb(30,238,223)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#42f0e5
```
#42f0e5 rgb(66,240,229)
```
#54f2e7
```
#54f2e7 rgb(84,242,231)
```
#67f3ea
```
#67f3ea rgb(103,243,234)
```
#79f5ec
```
#79f5ec rgb(121,245,236)
```
#8bf6ef
```
#8bf6ef rgb(139,246,239)
```
#9df7f1
```
#9df7f1 rgb(157,247,241)
```
#aff9f4
```
#aff9f4 rgb(175,249,244)
```
#c2faf6
```
#c2faf6 rgb(194,250,246)
```
#d4fcf9
```
#d4fcf9 rgb(212,252,249)
```
#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, #8e9190 is the less saturated color, while #27f8e9 is the most saturated one.

#8e9190
```
#8e9190 rgb(142,145,144)
```
#869998
```
#869998 rgb(134,153,152)
```
#7da29f
```
#7da29f rgb(125,162,159)
```
#75aaa7
```
#75aaa7 rgb(117,170,167)
```
#6cb3ae
```
#6cb3ae rgb(108,179,174)
```
#63bcb6
```
#63bcb6 rgb(99,188,182)
```
#5bc4bd
```
#5bc4bd rgb(91,196,189)
```
#52cdc4
```
#52cdc4 rgb(82,205,196)
```
#4ad5cc
```
#4ad5cc rgb(74,213,204)
```
#41ded3
```
#41ded3 rgb(65,222,211)
```
#39e6db
```
#39e6db rgb(57,230,219)
```
#30efe2
```
#30efe2 rgb(48,239,226)
```
#27f8e9
```
#27f8e9 rgb(39,248,233)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9ac0bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd7d6 Protanopia 1% of men
#e2d3ed Deuteranopia 1% of men
#53ebfd Tritanopia 0.001% of the population

Trichromacy

#9ee0da Protanomaly 1% of men, 0.01% of women
#a1dde9 Deuteranomaly 6% of men, 0.4% of women
#46ecf3 Tritanomaly 0.01% of the population

#30efe2 hex color

#30efe2 Color Information

#30efe2 Color Conversion

Color Schemes with #30efe2

Alternatives to #30efe2

#30efe2 Preview

Shades and Tints of #30efe2

Tones of #30efe2

Color Blindness Simulator