#30e0cc hex color

In a RGB color space, hex #30e0cc is composed of 18.8% red, 87.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 8.9% yellow and 12.2% black. It has a hue angle of 173.2 degrees, a saturation of 73.9% and a lightness of 53.3%. #30e0cc color hex could be obtained by blending #60ffff with #00c199. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 88
- B 80
RGB color chart
- C 79
- M 0
- Y 9
- K 12
CMYK color chart

● #30e0cc color description : Bright cyan.

The hexadecimal color #30e0cc has RGB values of R:48, G:224, B:204 and CMYK values of C:0.79, M:0, Y:0.09, K:0.12. Its decimal value is 3203276.

Hex triplet	30e0cc	`#30e0cc`
RGB Decimal	48, 224, 204	`rgb(48,224,204)`
RGB Percent	18.8, 87.8, 80	`rgb(18.8%,87.8%,80%)`
CMYK	79, 0, 9, 12
HSL	173.2°, 73.9, 53.3	`hsl(173.2,73.9%,53.3%)`
HSV (or HSB)	173.2°, 78.6, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.903, -46.871, -2.471
XYZ	38.77, 58.295, 66.332
xyY	0.237, 0.357, 58.295
CIE-LCH	80.903, 46.936, 183.018
CIE-LUV	80.903, -61.426, 3.571
Hunter-Lab	76.351, -42.976, 1.936
Binary	00110000, 11100000, 11001100

#30e0cc
```
#30e0cc rgb(48,224,204)
```
#e03044
```
#e03044 rgb(224,48,68)
```

Complementary Color

#30e074
```
#30e074 rgb(48,224,116)
```
#30e0cc
```
#30e0cc rgb(48,224,204)
```
#309ce0
```
#309ce0 rgb(48,156,224)
```

Analogous Color

#e07430
```
#e07430 rgb(224,116,48)
```
#30e0cc
```
#30e0cc rgb(48,224,204)
```
#e0309c
```
#e0309c rgb(224,48,156)
```

Split Complementary Color

#e0cc30
```
#e0cc30 rgb(224,204,48)
```
#30e0cc
```
#30e0cc rgb(48,224,204)
```
#cc30e0
```
#cc30e0 rgb(204,48,224)
```

Triadic Color

#44e030
```
#44e030 rgb(68,224,48)
```
#30e0cc
```
#30e0cc rgb(48,224,204)
```
#cc30e0
```
#cc30e0 rgb(204,48,224)
```
#e03044
```
#e03044 rgb(224,48,68)
```

Tetradic Color

#19aa9a
```
#19aa9a rgb(25,170,154)
```
#1dc0ae
```
#1dc0ae rgb(29,192,174)
```
#20d6c2
```
#20d6c2 rgb(32,214,194)
```
#30e0cc
```
#30e0cc rgb(48,224,204)
```
#46e3d1
```
#46e3d1 rgb(70,227,209)
```
#5ce7d7
```
#5ce7d7 rgb(92,231,215)
```
#73eadc
```
#73eadc rgb(115,234,220)
```

Monochromatic Color

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

#30e0a0
```
#30e0a0 rgb(48,224,160)
```
#30e0af
```
#30e0af rgb(48,224,175)
```
#30e0bd
```
#30e0bd rgb(48,224,189)
```
#30e0cc
```
#30e0cc rgb(48,224,204)
```
#30e0db
```
#30e0db rgb(48,224,219)
```
#30d7e0
```
#30d7e0 rgb(48,215,224)
```
#30c8e0
```
#30c8e0 rgb(48,200,224)
```

Similar Colors

Text with hexadecimal color #30e0cc

This text has a font color of #30e0cc.

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

#30e0cc background color

This paragraph has a background color of #30e0cc.

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

#30e0cc border color

This element has a border color of #30e0cc.

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

CSS codes

.text {color:#30e0cc;}

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

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

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, #020f0d is the darkest color, while #fdfffe is the lightest one.

#020f0d
```
#020f0d rgb(2,15,13)
```
#05201d
```
#05201d rgb(5,32,29)
```
#07312c
```
#07312c rgb(7,49,44)
```
#0a423c
```
#0a423c rgb(10,66,60)
```
#0c534b
```
#0c534b rgb(12,83,75)
```
#0f645a
```
#0f645a rgb(15,100,90)
```
#12756a
```
#12756a rgb(18,117,106)
```
#148679
```
#148679 rgb(20,134,121)
```
#179789
```
#179789 rgb(23,151,137)
```
#19a898
```
#19a898 rgb(25,168,152)
```
#1cb9a7
```
#1cb9a7 rgb(28,185,167)
```
#1ecab7
```
#1ecab7 rgb(30,202,183)
```
#21dcc6
```
#21dcc6 rgb(33,220,198)
```

Shade Color Variation

#30e0cc
```
#30e0cc rgb(48,224,204)
```
#41e3d0
```
#41e3d0 rgb(65,227,208)
```
#52e5d4
```
#52e5d4 rgb(82,229,212)
```
#63e8d9
```
#63e8d9 rgb(99,232,217)
```
#74eadd
```
#74eadd rgb(116,234,221)
```
#85ede1
```
#85ede1 rgb(133,237,225)
```
#96efe5
```
#96efe5 rgb(150,239,229)
```
#a7f2e9
```
#a7f2e9 rgb(167,242,233)
```
#b8f4ee
```
#b8f4ee rgb(184,244,238)
```
#caf7f2
```
#caf7f2 rgb(202,247,242)
```
#dbfaf6
```
#dbfaf6 rgb(219,250,246)
```
#ecfcfa
```
#ecfcfa rgb(236,252,250)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828e8c is the less saturated color, while #15fbe1 is the most saturated one.

#828e8c
```
#828e8c rgb(130,142,140)
```
#799793
```
#799793 rgb(121,151,147)
```
#70a09a
```
#70a09a rgb(112,160,154)
```
#67a9a2
```
#67a9a2 rgb(103,169,162)
```
#5eb2a9
```
#5eb2a9 rgb(94,178,169)
```
#55bbb0
```
#55bbb0 rgb(85,187,176)
```
#4bc5b7
```
#4bc5b7 rgb(75,197,183)
```
#42cebe
```
#42cebe rgb(66,206,190)
```
#39d7c5
```
#39d7c5 rgb(57,215,197)
```
#30e0cc
```
#30e0cc rgb(48,224,204)
```
#27e9d3
```
#27e9d3 rgb(39,233,211)
```
#1ef2da
```
#1ef2da rgb(30,242,218)
```
#15fbe1
```
#15fbe1 rgb(21,251,225)
```

Tone Color Variation

Below, you can see how #30e0cc 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
#91b4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cac2 Protanopia 1% of men
#d8c6d8 Deuteranopia 1% of men
#54dced Tritanopia 0.001% of the population

Trichromacy

#96d2c6 Protanomaly 1% of men, 0.01% of women
#9bcfd3 Deuteranomaly 6% of men, 0.4% of women
#47dee1 Tritanomaly 0.01% of the population

#30e0cc hex color

#30e0cc Color Information

#30e0cc Color Conversion

Color Schemes with #30e0cc

Alternatives to #30e0cc

#30e0cc Preview

Shades and Tints of #30e0cc

Tones of #30e0cc

Color Blindness Simulator