#30c8b8 hex color

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

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

● #30c8b8 color description : Strong cyan.

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

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

CIE-LAB	73.151, -41.876, -3.12
XYZ	30.522, 45.395, 52.498
xyY	0.238, 0.353, 45.395
CIE-LCH	73.151, 41.992, 184.261
CIE-LUV	73.151, -54.525, 1.748
Hunter-Lab	67.376, -37.044, 0.965
Binary	00110000, 11001000, 10111000

#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#c83040
```
#c83040 rgb(200,48,64)
```

Complementary Color

#30c86c
```
#30c86c rgb(48,200,108)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#308cc8
```
#308cc8 rgb(48,140,200)
```

Analogous Color

#c86c30
```
#c86c30 rgb(200,108,48)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#c8308c
```
#c8308c rgb(200,48,140)
```

Split Complementary Color

#c8b830
```
#c8b830 rgb(200,184,48)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#b830c8
```
#b830c8 rgb(184,48,200)
```

Triadic Color

#40c830
```
#40c830 rgb(64,200,48)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#b830c8
```
#b830c8 rgb(184,48,200)
```
#c83040
```
#c83040 rgb(200,48,64)
```

Tetradic Color

#218a7f
```
#218a7f rgb(33,138,127)
```
#269f92
```
#269f92 rgb(38,159,146)
```
#2bb3a5
```
#2bb3a5 rgb(43,179,165)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#40d1c2
```
#40d1c2 rgb(64,209,194)
```
#55d6c9
```
#55d6c9 rgb(85,214,201)
```
#69dbcf
```
#69dbcf rgb(105,219,207)
```

Monochromatic Color

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

#30c892
```
#30c892 rgb(48,200,146)
```
#30c89f
```
#30c89f rgb(48,200,159)
```
#30c8ab
```
#30c8ab rgb(48,200,171)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#30c8c5
```
#30c8c5 rgb(48,200,197)
```
#30bfc8
```
#30bfc8 rgb(48,191,200)
```
#30b2c8
```
#30b2c8 rgb(48,178,200)
```

Similar Colors

Text with hexadecimal color #30c8b8

This text has a font color of #30c8b8.

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

#30c8b8 background color

This paragraph has a background color of #30c8b8.

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

#30c8b8 border color

This element has a border color of #30c8b8.

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

CSS codes

.text {color:#30c8b8;}

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

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

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)
```
#0a2a26
```
#0a2a26 rgb(10,42,38)
```
#0e3a35
```
#0e3a35 rgb(14,58,53)
```
#124944
```
#124944 rgb(18,73,68)
```
#155952
```
#155952 rgb(21,89,82)
```
#196961
```
#196961 rgb(25,105,97)
```
#1d796f
```
#1d796f rgb(29,121,111)
```
#21897e
```
#21897e rgb(33,137,126)
```
#25998c
```
#25998c rgb(37,153,140)
```
#28a89b
```
#28a89b rgb(40,168,155)
```
#2cb8a9
```
#2cb8a9 rgb(44,184,169)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```

Shade Color Variation

#3cd0c0
```
#3cd0c0 rgb(60,208,192)
```
#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 #00f8de is the most saturated one.

#738583
```
#738583 rgb(115,133,131)
```
#698f8b
```
#698f8b rgb(105,143,139)
```
#609892
```
#609892 rgb(96,152,146)
```
#56a29a
```
#56a29a rgb(86,162,154)
```
#4daba1
```
#4daba1 rgb(77,171,161)
```
#43b5a9
```
#43b5a9 rgb(67,181,169)
```
#3abeb0
```
#3abeb0 rgb(58,190,176)
```
#30c8b8
```
#30c8b8 rgb(48,200,184)
```
#26d2c0
```
#26d2c0 rgb(38,210,192)
```
#1ddbc7
```
#1ddbc7 rgb(29,219,199)
```
#13e5cf
```
#13e5cf rgb(19,229,207)
```
#0aeed6
```
#0aeed6 rgb(10,238,214)
```
#00f8de
```
#00f8de rgb(0,248,222)
```

Tone Color Variation

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

#bcb6b1 Protanopia 1% of men
#c2b2c4 Deuteranopia 1% of men
#4ec6d5 Tritanopia 0.001% of the population

Trichromacy

#89bdb3 Protanomaly 1% of men, 0.01% of women
#8dbabf Deuteranomaly 6% of men, 0.4% of women
#43c7ca Tritanomaly 0.01% of the population

#30c8b8 hex color

#30c8b8 Color Information

#30c8b8 Color Conversion

Color Schemes with #30c8b8

Alternatives to #30c8b8

#30c8b8 Preview

Shades and Tints of #30c8b8

Tones of #30c8b8

Color Blindness Simulator