#30c8b9 hex color

In a RGB color space, hex #30c8b9 is composed of 18.8% red, 78.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 7.5% yellow and 21.6% black. It has a hue angle of 174.1 degrees, a saturation of 61.3% and a lightness of 48.6%. #30c8b9 color hex could be obtained by blending #60ffff with #009173. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 78
- B 73
RGB color chart
- C 76
- M 0
- Y 8
- K 22
CMYK color chart

● #30c8b9 color description : Strong cyan.

The hexadecimal color #30c8b9 has RGB values of R:48, G:200, B:185 and CMYK values of C:0.76, M:0, Y:0.08, K:0.22. Its decimal value is 3197113.

Hex triplet	30c8b9	`#30c8b9`
RGB Decimal	48, 200, 185	`rgb(48,200,185)`
RGB Percent	18.8, 78.4, 72.5	`rgb(18.8%,78.4%,72.5%)`
CMYK	76, 0, 8, 22
HSL	174.1°, 61.3, 48.6	`hsl(174.1,61.3%,48.6%)`
HSV (or HSB)	174.1°, 76, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.179, -41.602, -3.622
XYZ	30.627, 45.437, 53.052
xyY	0.237, 0.352, 45.437
CIE-LCH	73.179, 41.759, 184.976
CIE-LUV	73.179, -54.454, 0.931
Hunter-Lab	67.407, -36.858, 0.521
Binary	00110000, 11001000, 10111001

#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#c8303f
```
#c8303f rgb(200,48,63)
```

Complementary Color

#30c86d
```
#30c86d rgb(48,200,109)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#308bc8
```
#308bc8 rgb(48,139,200)
```

Analogous Color

#c86d30
```
#c86d30 rgb(200,109,48)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#c8308b
```
#c8308b rgb(200,48,139)
```

Split Complementary Color

#c8b930
```
#c8b930 rgb(200,185,48)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#b930c8
```
#b930c8 rgb(185,48,200)
```

Triadic Color

#3fc830
```
#3fc830 rgb(63,200,48)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#b930c8
```
#b930c8 rgb(185,48,200)
```
#c8303f
```
#c8303f rgb(200,48,63)
```

Tetradic Color

#218a80
```
#218a80 rgb(33,138,128)
```
#269f93
```
#269f93 rgb(38,159,147)
```
#2bb3a6
```
#2bb3a6 rgb(43,179,166)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#40d1c3
```
#40d1c3 rgb(64,209,195)
```
#55d6c9
```
#55d6c9 rgb(85,214,201)
```
#69dbd0
```
#69dbd0 rgb(105,219,208)
```

Monochromatic Color

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

#30c893
```
#30c893 rgb(48,200,147)
```
#30c8a0
```
#30c8a0 rgb(48,200,160)
```
#30c8ac
```
#30c8ac rgb(48,200,172)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#30c8c6
```
#30c8c6 rgb(48,200,198)
```
#30bec8
```
#30bec8 rgb(48,190,200)
```
#30b1c8
```
#30b1c8 rgb(48,177,200)
```

Similar Colors

Text with hexadecimal color #30c8b9

This text has a font color of #30c8b9.

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

#30c8b9 background color

This paragraph has a background color of #30c8b9.

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

#30c8b9 border color

This element has a border color of #30c8b9.

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

CSS codes

.text {color:#30c8b9;}

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

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

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

#020a09
```
#020a09 rgb(2,10,9)
```
#061a18
```
#061a18 rgb(6,26,24)
```
#0a2a27
```
#0a2a27 rgb(10,42,39)
```
#0e3a35
```
#0e3a35 rgb(14,58,53)
```
#124944
```
#124944 rgb(18,73,68)
```
#155953
```
#155953 rgb(21,89,83)
```
#196961
```
#196961 rgb(25,105,97)
```
#1d7970
```
#1d7970 rgb(29,121,112)
```
#21897e
```
#21897e rgb(33,137,126)
```
#25998d
```
#25998d rgb(37,153,141)
```
#28a89c
```
#28a89c rgb(40,168,156)
```
#2cb8aa
```
#2cb8aa rgb(44,184,170)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```

Shade Color Variation

#3cd0c1
```
#3cd0c1 rgb(60,208,193)
```
#4bd4c6
```
#4bd4c6 rgb(75,212,198)
```
#5bd8cb
```
#5bd8cb rgb(91,216,203)
```
#6bdbd0
```
#6bdbd0 rgb(107,219,208)
```
#7bdfd5
```
#7bdfd5 rgb(123,223,213)
```
#8be3da
```
#8be3da rgb(139,227,218)
```
#9ae7df
```
#9ae7df rgb(154,231,223)
```
#aaebe4
```
#aaebe4 rgb(170,235,228)
```
#baeee9
```
#baeee9 rgb(186,238,233)
```
#caf2ee
```
#caf2ee rgb(202,242,238)
```
#daf6f3
```
#daf6f3 rgb(218,246,243)
```
#eafaf8
```
#eafaf8 rgb(234,250,248)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #738583 is the less saturated color, while #00f8df is the most saturated one.

#738583
```
#738583 rgb(115,133,131)
```
#698f8b
```
#698f8b rgb(105,143,139)
```
#609893
```
#609893 rgb(96,152,147)
```
#56a29a
```
#56a29a rgb(86,162,154)
```
#4daba2
```
#4daba2 rgb(77,171,162)
```
#43b5aa
```
#43b5aa rgb(67,181,170)
```
#3abeb1
```
#3abeb1 rgb(58,190,177)
```
#30c8b9
```
#30c8b9 rgb(48,200,185)
```
#26d2c1
```
#26d2c1 rgb(38,210,193)
```
#1ddbc8
```
#1ddbc8 rgb(29,219,200)
```
#13e5d0
```
#13e5d0 rgb(19,229,208)
```
#0aeed8
```
#0aeed8 rgb(10,238,216)
```
#00f8df
```
#00f8df rgb(0,248,223)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a29f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb6b2 Protanopia 1% of men
#c2b2c5 Deuteranopia 1% of men
#4ec7d5 Tritanopia 0.001% of the population

Trichromacy

#89bdb4 Protanomaly 1% of men, 0.01% of women
#8cbac0 Deuteranomaly 6% of men, 0.4% of women
#43c7cb Tritanomaly 0.01% of the population

#30c8b9 hex color

#30c8b9 Color Information

#30c8b9 Color Conversion

Color Schemes with #30c8b9

Alternatives to #30c8b9

#30c8b9 Preview

Shades and Tints of #30c8b9

Tones of #30c8b9

Color Blindness Simulator