colorhexa.com

#30e1c4 hex color

In a RGB color space, hex #30e1c4 is composed of 18.8% red, 88.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 0% magenta, 12.9% yellow and 11.8% black. It has a hue angle of 170.2 degrees, a saturation of 74.7% and a lightness of 53.5%. #30e1c4 color hex could be obtained by blending #60ffff with #00c389. Closest websafe color is: #33cccc.

- R 19
- G 88
- B 77
RGB color chart
- C 79
- M 0
- Y 13
- K 12
CMYK color chart

● #30e1c4 color description : Bright cyan.

The hexadecimal color #30e1c4 has RGB values of R:48, G:225, B:196 and CMYK values of C:0.79, M:0, Y:0.13, K:0.12. Its decimal value is 3203524.

Hex triplet	30e1c4	`#30e1c4`
RGB Decimal	48, 225, 196	`rgb(48,225,196)`
RGB Percent	18.8, 88.2, 76.9	`rgb(18.8%,88.2%,76.9%)`
CMYK	79, 0, 13, 12
HSL	170.2°, 74.7, 53.5	`hsl(170.2,74.7%,53.5%)`
HSV (or HSB)	170.2°, 78.7, 88.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.994, -49.399, 1.91
XYZ	38.104, 58.461, 61.497
xyY	0.241, 0.37, 58.461
CIE-LCH	80.994, 49.436, 177.786
CIE-LUV	80.994, -62.35, 10.732
Hunter-Lab	76.459, -44.847, 5.834
Binary	00110000, 11100001, 11000100

#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#e1304d
```
#e1304d rgb(225,48,77)
```

Complementary Color

#30e16c
```
#30e16c rgb(48,225,108)
```
#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#30a6e1
```
#30a6e1 rgb(48,166,225)
```

Analogous Color

#e16c30
```
#e16c30 rgb(225,108,48)
```
#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#e130a6
```
#e130a6 rgb(225,48,166)
```

Split Complementary Color

#e1c430
```
#e1c430 rgb(225,196,48)
```
#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#c430e1
```
#c430e1 rgb(196,48,225)
```

Triadic Color

#4de130
```
#4de130 rgb(77,225,48)
```
#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#c430e1
```
#c430e1 rgb(196,48,225)
```
#e1304d
```
#e1304d rgb(225,48,77)
```

Tetradic Color

#19ac94
```
#19ac94 rgb(25,172,148)
```
#1cc2a7
```
#1cc2a7 rgb(28,194,167)
```
#1fd8ba
```
#1fd8ba rgb(31,216,186)
```
#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#46e4ca
```
#46e4ca rgb(70,228,202)
```
#5de7d1
```
#5de7d1 rgb(93,231,209)
```
#73ebd7
```
#73ebd7 rgb(115,235,215)
```

Monochromatic Color

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

#30e198
```
#30e198 rgb(48,225,152)
```
#30e1a7
```
#30e1a7 rgb(48,225,167)
```
#30e1b5
```
#30e1b5 rgb(48,225,181)
```
#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#30e1d3
```
#30e1d3 rgb(48,225,211)
```
#30e1e1
```
#30e1e1 rgb(48,225,225)
```
#30d2e1
```
#30d2e1 rgb(48,210,225)
```

Similar Colors

Text with hexadecimal color #30e1c4

This text has a font color of #30e1c4.

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

#30e1c4 background color

This paragraph has a background color of #30e1c4.

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

#30e1c4 border color

This element has a border color of #30e1c4.

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

CSS codes

.text {color:#30e1c4;}

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

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

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)
```
#05211c
```
#05211c rgb(5,33,28)
```
#07322b
```
#07322b rgb(7,50,43)
```
#0a433a
```
#0a433a rgb(10,67,58)
```
#0c5448
```
#0c5448 rgb(12,84,72)
```
#0f6557
```
#0f6557 rgb(15,101,87)
```
#117766
```
#117766 rgb(17,119,102)
```
#148875
```
#148875 rgb(20,136,117)
```
#169983
```
#169983 rgb(22,153,131)
```
#19aa92
```
#19aa92 rgb(25,170,146)
```
#1bbba1
```
#1bbba1 rgb(27,187,161)
```
#1eccb0
```
#1eccb0 rgb(30,204,176)
```
#20ddbe
```
#20ddbe rgb(32,221,190)
```

Shade Color Variation

#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#41e3c9
```
#41e3c9 rgb(65,227,201)
```
#52e6ce
```
#52e6ce rgb(82,230,206)
```
#63e8d3
```
#63e8d3 rgb(99,232,211)
```
#75ebd8
```
#75ebd8 rgb(117,235,216)
```
#86eddc
```
#86eddc rgb(134,237,220)
```
#97f0e1
```
#97f0e1 rgb(151,240,225)
```
#a8f2e6
```
#a8f2e6 rgb(168,242,230)
```
#b9f5eb
```
#b9f5eb rgb(185,245,235)
```
#caf7f0
```
#caf7f0 rgb(202,247,240)
```
#dbfaf5
```
#dbfaf5 rgb(219,250,245)
```
#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 #15fcd6 is the most saturated one.

#828f8d
```
#828f8d rgb(130,143,141)
```
#799893
```
#799893 rgb(121,152,147)
```
#70a199
```
#70a199 rgb(112,161,153)
```
#67aa9f
```
#67aa9f rgb(103,170,159)
```
#5eb3a5
```
#5eb3a5 rgb(94,179,165)
```
#54bdab
```
#54bdab rgb(84,189,171)
```
#4bc6b2
```
#4bc6b2 rgb(75,198,178)
```
#42cfb8
```
#42cfb8 rgb(66,207,184)
```
#39d8be
```
#39d8be rgb(57,216,190)
```
#30e1c4
```
#30e1c4 rgb(48,225,196)
```
#27eaca
```
#27eaca rgb(39,234,202)
```
#1ef3d0
```
#1ef3d0 rgb(30,243,208)
```
#15fcd6
```
#15fcd6 rgb(21,252,214)
```

Tone Color Variation

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

Dichromacy

#d3cbbb Protanopia 1% of men
#dcc6d1 Deuteranopia 1% of men
#59dced Tritanopia 0.001% of the population

Trichromacy

#97d3be Protanomaly 1% of men, 0.01% of women
#9dcfcc Deuteranomaly 6% of men, 0.4% of women
#4adede Tritanomaly 0.01% of the population