#30efde hex color

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

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

● #30efde color description : Bright cyan.

The hexadecimal color #30efde has RGB values of R:48, G:239, B:222 and CMYK values of C:0.8, M:0, Y:0.07, K:0.06. Its decimal value is 3207134.

Hex triplet	30efde	`#30efde`
RGB Decimal	48, 239, 222	`rgb(48,239,222)`
RGB Percent	18.8, 93.7, 87.1	`rgb(18.8%,93.7%,87.1%)`
CMYK	80, 0, 7, 6
HSL	174.7°, 85.7, 56.3	`hsl(174.7,85.7%,56.3%)`
HSV (or HSB)	174.7°, 79.9, 93.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.822, -48.422, -4.744
XYZ	45.266, 67.631, 79.772
xyY	0.235, 0.351, 67.631
CIE-LCH	85.822, 48.654, 185.596
CIE-LUV	85.822, -65.22, 0.248
Hunter-Lab	82.238, -45.665, 0.055
Binary	00110000, 11101111, 11011110

#30efde
```
#30efde rgb(48,239,222)
```
#ef3041
```
#ef3041 rgb(239,48,65)
```

Complementary Color

#30ef7f
```
#30ef7f rgb(48,239,127)
```
#30efde
```
#30efde rgb(48,239,222)
```
#30a1ef
```
#30a1ef rgb(48,161,239)
```

Analogous Color

#ef7f30
```
#ef7f30 rgb(239,127,48)
```
#30efde
```
#30efde rgb(48,239,222)
```
#ef30a1
```
#ef30a1 rgb(239,48,161)
```

Split Complementary Color

#efde30
```
#efde30 rgb(239,222,48)
```
#30efde
```
#30efde rgb(48,239,222)
```
#de30ef
```
#de30ef rgb(222,48,239)
```

Triadic Color

#41ef30
```
#41ef30 rgb(65,239,48)
```
#30efde
```
#30efde rgb(48,239,222)
```
#de30ef
```
#de30ef rgb(222,48,239)
```
#ef3041
```
#ef3041 rgb(239,48,65)
```

Tetradic Color

#0fc3b3
```
#0fc3b3 rgb(15,195,179)
```
#11dbc9
```
#11dbc9 rgb(17,219,201)
```
#18edda
```
#18edda rgb(24,237,218)
```
#30efde
```
#30efde rgb(48,239,222)
```
#48f1e2
```
#48f1e2 rgb(72,241,226)
```
#5ff3e6
```
#5ff3e6 rgb(95,243,230)
```
#77f4e9
```
#77f4e9 rgb(119,244,233)
```

Monochromatic Color

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

#30efae
```
#30efae rgb(48,239,174)
```
#30efbe
```
#30efbe rgb(48,239,190)
```
#30efce
```
#30efce rgb(48,239,206)
```
#30efde
```
#30efde rgb(48,239,222)
```
#30efee
```
#30efee rgb(48,239,238)
```
#30e0ef
```
#30e0ef rgb(48,224,239)
```
#30d0ef
```
#30d0ef rgb(48,208,239)
```

Similar Colors

Text with hexadecimal color #30efde

This text has a font color of #30efde.

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

#30efde background color

This paragraph has a background color of #30efde.

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

#30efde border color

This element has a border color of #30efde.

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

CSS codes

.text {color:#30efde;}

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

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

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)
```
#021e1b
```
#021e1b rgb(2,30,27)
```
#04302c
```
#04302c rgb(4,48,44)
```
#05423d
```
#05423d rgb(5,66,61)
```
#07544d
```
#07544d rgb(7,84,77)
```
#08675e
```
#08675e rgb(8,103,94)
```
#09796f
```
#09796f rgb(9,121,111)
```
#0b8b80
```
#0b8b80 rgb(11,139,128)
```
#0c9d90
```
#0c9d90 rgb(12,157,144)
```
#0eafa1
```
#0eafa1 rgb(14,175,161)
```
#0fc2b2
```
#0fc2b2 rgb(15,194,178)
```
#10d4c2
```
#10d4c2 rgb(16,212,194)
```
#12e6d3
```
#12e6d3 rgb(18,230,211)
```

Shade Color Variation

#1eeedb
```
#1eeedb rgb(30,238,219)
```
#30efde
```
#30efde rgb(48,239,222)
```
#42f0e1
```
#42f0e1 rgb(66,240,225)
```
#54f2e4
```
#54f2e4 rgb(84,242,228)
```
#67f3e7
```
#67f3e7 rgb(103,243,231)
```
#79f5ea
```
#79f5ea rgb(121,245,234)
```
#8bf6ed
```
#8bf6ed rgb(139,246,237)
```
#9df7ef
```
#9df7ef rgb(157,247,239)
```
#aff9f2
```
#aff9f2 rgb(175,249,242)
```
#c2faf5
```
#c2faf5 rgb(194,250,245)
```
#d4fcf8
```
#d4fcf8 rgb(212,252,248)
```
#e6fdfb
```
#e6fdfb rgb(230,253,251)
```
#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 #27f8e5 is the most saturated one.

#8e9190
```
#8e9190 rgb(142,145,144)
```
#869997
```
#869997 rgb(134,153,151)
```
#7da29f
```
#7da29f rgb(125,162,159)
```
#75aaa6
```
#75aaa6 rgb(117,170,166)
```
#6cb3ad
```
#6cb3ad rgb(108,179,173)
```
#63bcb4
```
#63bcb4 rgb(99,188,180)
```
#5bc4bb
```
#5bc4bb rgb(91,196,187)
```
#52cdc2
```
#52cdc2 rgb(82,205,194)
```
#4ad5c9
```
#4ad5c9 rgb(74,213,201)
```
#41ded0
```
#41ded0 rgb(65,222,208)
```
#39e6d7
```
#39e6d7 rgb(57,230,215)
```
#30efde
```
#30efde rgb(48,239,222)
```
#27f8e5
```
#27f8e5 rgb(39,248,229)
```

Tone Color Variation

Below, you can see how #30efde 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
#9ac0bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd7d2 Protanopia 1% of men
#e4d3ea Deuteranopia 1% of men
#55ebfc Tritanopia 0.001% of the population

Trichromacy

#9ee0d6 Protanomaly 1% of men, 0.01% of women
#a2dde5 Deuteranomaly 6% of men, 0.4% of women
#47ecf1 Tritanomaly 0.01% of the population

#30efde hex color

#30efde Color Information

#30efde Color Conversion

Color Schemes with #30efde

Alternatives to #30efde

#30efde Preview

Shades and Tints of #30efde

Tones of #30efde

Color Blindness Simulator