#30efdf hex color

In a RGB color space, hex #30efdf is composed of 18.8% red, 93.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 0% magenta, 6.7% yellow and 6.3% black. It has a hue angle of 175 degrees, a saturation of 85.7% and a lightness of 56.3%. #30efdf color hex could be obtained by blending #60ffff with #00dfbf. 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

● #30efdf color description : Bright cyan.

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

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

CIE-LAB	85.848, -48.152, -5.23
XYZ	45.4, 67.685, 80.48
xyY	0.235, 0.35, 67.685
CIE-LCH	85.848, 48.435, 186.199
CIE-LUV	85.848, -65.146, -0.568
Hunter-Lab	82.271, -45.47, -0.41
Binary	00110000, 11101111, 11011111

#30efdf
```
#30efdf rgb(48,239,223)
```
#ef3040
```
#ef3040 rgb(239,48,64)
```

Complementary Color

#30ef80
```
#30ef80 rgb(48,239,128)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#30a0ef
```
#30a0ef rgb(48,160,239)
```

Analogous Color

#ef8030
```
#ef8030 rgb(239,128,48)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#ef30a0
```
#ef30a0 rgb(239,48,160)
```

Split Complementary Color

#efdf30
```
#efdf30 rgb(239,223,48)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#df30ef
```
#df30ef rgb(223,48,239)
```

Triadic Color

#40ef30
```
#40ef30 rgb(64,239,48)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#df30ef
```
#df30ef rgb(223,48,239)
```
#ef3040
```
#ef3040 rgb(239,48,64)
```

Tetradic Color

#0fc3b4
```
#0fc3b4 rgb(15,195,180)
```
#11dbca
```
#11dbca rgb(17,219,202)
```
#18eddb
```
#18eddb rgb(24,237,219)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#48f1e3
```
#48f1e3 rgb(72,241,227)
```
#5ff3e6
```
#5ff3e6 rgb(95,243,230)
```
#77f4ea
```
#77f4ea rgb(119,244,234)
```

Monochromatic Color

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

#30efaf
```
#30efaf rgb(48,239,175)
```
#30efbf
```
#30efbf rgb(48,239,191)
```
#30efcf
```
#30efcf rgb(48,239,207)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#30efef
```
#30efef rgb(48,239,239)
```
#30dfef
```
#30dfef rgb(48,223,239)
```
#30cfef
```
#30cfef rgb(48,207,239)
```

Similar Colors

Text with hexadecimal color #30efdf

This text has a font color of #30efdf.

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

#30efdf background color

This paragraph has a background color of #30efdf.

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

#30efdf border color

This element has a border color of #30efdf.

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

CSS codes

.text {color:#30efdf;}

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

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

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)
```
#07544e
```
#07544e rgb(7,84,78)
```
#08675f
```
#08675f rgb(8,103,95)
```
#09796f
```
#09796f rgb(9,121,111)
```
#0b8b80
```
#0b8b80 rgb(11,139,128)
```
#0c9d91
```
#0c9d91 rgb(12,157,145)
```
#0eafa2
```
#0eafa2 rgb(14,175,162)
```
#0fc2b3
```
#0fc2b3 rgb(15,194,179)
```
#10d4c3
```
#10d4c3 rgb(16,212,195)
```
#12e6d4
```
#12e6d4 rgb(18,230,212)
```

Shade Color Variation

#1eeedc
```
#1eeedc rgb(30,238,220)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#42f0e2
```
#42f0e2 rgb(66,240,226)
```
#54f2e5
```
#54f2e5 rgb(84,242,229)
```
#67f3e7
```
#67f3e7 rgb(103,243,231)
```
#79f5ea
```
#79f5ea rgb(121,245,234)
```
#8bf6ed
```
#8bf6ed rgb(139,246,237)
```
#9df7f0
```
#9df7f0 rgb(157,247,240)
```
#aff9f3
```
#aff9f3 rgb(175,249,243)
```
#c2faf6
```
#c2faf6 rgb(194,250,246)
```
#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 #27f8e6 is the most saturated one.

#8e9190
```
#8e9190 rgb(142,145,144)
```
#869998
```
#869998 rgb(134,153,152)
```
#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)
```
#4ad5ca
```
#4ad5ca rgb(74,213,202)
```
#41ded1
```
#41ded1 rgb(65,222,209)
```
#39e6d8
```
#39e6d8 rgb(57,230,216)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#27f8e6
```
#27f8e6 rgb(39,248,230)
```

Tone Color Variation

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

#ddd7d3 Protanopia 1% of men
#e4d3eb Deuteranopia 1% of men
#55ebfc Tritanopia 0.001% of the population

Trichromacy

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

#30efdf hex color

#30efdf Color Information

#30efdf Color Conversion

Color Schemes with #30efdf

Alternatives to #30efdf

#30efdf Preview

Shades and Tints of #30efdf

Tones of #30efdf

Color Blindness Simulator