#30e1cc hex color

In a RGB color space, hex #30e1cc is composed of 18.8% red, 88.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 0% magenta, 9.3% yellow and 11.8% black. It has a hue angle of 172.9 degrees, a saturation of 74.7% and a lightness of 53.5%. #30e1cc color hex could be obtained by blending #60ffff with #00c399. 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

● #30e1cc color description : Bright cyan.

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

Hex triplet	30e1cc	`#30e1cc`
RGB Decimal	48, 225, 204	`rgb(48,225,204)`
RGB Percent	18.8, 88.2, 80	`rgb(18.8%,88.2%,80%)`
CMYK	79, 0, 9, 12
HSL	172.9°, 74.7, 53.5	`hsl(172.9,74.7%,53.5%)`
HSV (or HSB)	172.9°, 78.7, 88.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.201, -47.297, -2.034
XYZ	39.04, 58.835, 66.422
xyY	0.238, 0.358, 58.835
CIE-LCH	81.201, 47.341, 182.463
CIE-LUV	81.201, -61.769, 4.321
Hunter-Lab	76.704, -43.381, 2.35
Binary	00110000, 11100001, 11001100

#30e1cc
```
#30e1cc rgb(48,225,204)
```
#e13045
```
#e13045 rgb(225,48,69)
```

Complementary Color

#30e174
```
#30e174 rgb(48,225,116)
```
#30e1cc
```
#30e1cc rgb(48,225,204)
```
#309ee1
```
#309ee1 rgb(48,158,225)
```

Analogous Color

#e17430
```
#e17430 rgb(225,116,48)
```
#30e1cc
```
#30e1cc rgb(48,225,204)
```
#e1309e
```
#e1309e rgb(225,48,158)
```

Split Complementary Color

#e1cc30
```
#e1cc30 rgb(225,204,48)
```
#30e1cc
```
#30e1cc rgb(48,225,204)
```
#cc30e1
```
#cc30e1 rgb(204,48,225)
```

Triadic Color

#45e130
```
#45e130 rgb(69,225,48)
```
#30e1cc
```
#30e1cc rgb(48,225,204)
```
#cc30e1
```
#cc30e1 rgb(204,48,225)
```
#e13045
```
#e13045 rgb(225,48,69)
```

Tetradic Color

#19ac9a
```
#19ac9a rgb(25,172,154)
```
#1cc2ae
```
#1cc2ae rgb(28,194,174)
```
#1fd8c2
```
#1fd8c2 rgb(31,216,194)
```
#30e1cc
```
#30e1cc rgb(48,225,204)
```
#46e4d1
```
#46e4d1 rgb(70,228,209)
```
#5de7d7
```
#5de7d7 rgb(93,231,215)
```
#73ebdc
```
#73ebdc rgb(115,235,220)
```

Monochromatic Color

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

#30e1a0
```
#30e1a0 rgb(48,225,160)
```
#30e1af
```
#30e1af rgb(48,225,175)
```
#30e1bd
```
#30e1bd rgb(48,225,189)
```
#30e1cc
```
#30e1cc rgb(48,225,204)
```
#30e1db
```
#30e1db rgb(48,225,219)
```
#30d9e1
```
#30d9e1 rgb(48,217,225)
```
#30cae1
```
#30cae1 rgb(48,202,225)
```

Similar Colors

Text with hexadecimal color #30e1cc

This text has a font color of #30e1cc.

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

#30e1cc background color

This paragraph has a background color of #30e1cc.

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

#30e1cc border color

This element has a border color of #30e1cc.

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

CSS codes

.text {color:#30e1cc;}

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

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

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, #02100e is the darkest color, while #feffff is the lightest one.

#02100e
```
#02100e rgb(2,16,14)
```
#05211e
```
#05211e rgb(5,33,30)
```
#07322d
```
#07322d rgb(7,50,45)
```
#0a433c
```
#0a433c rgb(10,67,60)
```
#0c544c
```
#0c544c rgb(12,84,76)
```
#0f655b
```
#0f655b rgb(15,101,91)
```
#11776a
```
#11776a rgb(17,119,106)
```
#14887a
```
#14887a rgb(20,136,122)
```
#169989
```
#169989 rgb(22,153,137)
```
#19aa99
```
#19aa99 rgb(25,170,153)
```
#1bbba8
```
#1bbba8 rgb(27,187,168)
```
#1eccb7
```
#1eccb7 rgb(30,204,183)
```
#20ddc7
```
#20ddc7 rgb(32,221,199)
```

Shade Color Variation

#30e1cc
```
#30e1cc rgb(48,225,204)
```
#41e3d0
```
#41e3d0 rgb(65,227,208)
```
#52e6d4
```
#52e6d4 rgb(82,230,212)
```
#63e8d9
```
#63e8d9 rgb(99,232,217)
```
#75ebdd
```
#75ebdd rgb(117,235,221)
```
#86ede1
```
#86ede1 rgb(134,237,225)
```
#97f0e5
```
#97f0e5 rgb(151,240,229)
```
#a8f2ea
```
#a8f2ea rgb(168,242,234)
```
#b9f5ee
```
#b9f5ee rgb(185,245,238)
```
#caf7f2
```
#caf7f2 rgb(202,247,242)
```
#dbfaf6
```
#dbfaf6 rgb(219,250,246)
```
#ecfcfa
```
#ecfcfa rgb(236,252,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#828f8d
```
#828f8d rgb(130,143,141)
```
#799894
```
#799894 rgb(121,152,148)
```
#70a19b
```
#70a19b rgb(112,161,155)
```
#67aaa2
```
#67aaa2 rgb(103,170,162)
```
#5eb3a9
```
#5eb3a9 rgb(94,179,169)
```
#54bdb0
```
#54bdb0 rgb(84,189,176)
```
#4bc6b7
```
#4bc6b7 rgb(75,198,183)
```
#42cfbe
```
#42cfbe rgb(66,207,190)
```
#39d8c5
```
#39d8c5 rgb(57,216,197)
```
#30e1cc
```
#30e1cc rgb(48,225,204)
```
#27ead3
```
#27ead3 rgb(39,234,211)
```
#1ef3da
```
#1ef3da rgb(30,243,218)
```
#15fce1
```
#15fce1 rgb(21,252,225)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#92b5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cbc2 Protanopia 1% of men
#d9c6d8 Deuteranopia 1% of men
#55ddee Tritanopia 0.001% of the population

Trichromacy

#97d3c6 Protanomaly 1% of men, 0.01% of women
#9bd0d4 Deuteranomaly 6% of men, 0.4% of women
#47dee1 Tritanomaly 0.01% of the population

#30e1cc hex color

#30e1cc Color Information

#30e1cc Color Conversion

Color Schemes with #30e1cc

Alternatives to #30e1cc

#30e1cc Preview

Shades and Tints of #30e1cc

Tones of #30e1cc

Color Blindness Simulator