#30c6aa hex color

In a RGB color space, hex #30c6aa is composed of 18.8% red, 77.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 0% magenta, 14.1% yellow and 22.4% black. It has a hue angle of 168.8 degrees, a saturation of 61% and a lightness of 48.2%. #30c6aa color hex could be obtained by blending #60ffff with #008d55. Closest websafe color is: #33cc99.

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

● #30c6aa color description : Strong cyan.

The hexadecimal color #30c6aa has RGB values of R:48, G:198, B:170 and CMYK values of C:0.76, M:0, Y:0.14, K:0.22. Its decimal value is 3196586.

Hex triplet	30c6aa	`#30c6aa`
RGB Decimal	48, 198, 170	`rgb(48,198,170)`
RGB Percent	18.8, 77.6, 66.7	`rgb(18.8%,77.6%,66.7%)`
CMYK	76, 0, 14, 22
HSL	168.8°, 61, 48.2	`hsl(168.8,61%,48.2%)`
HSV (or HSB)	168.8°, 75.8, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.172, -44.743, 3.053
XYZ	28.666, 43.916, 44.994
xyY	0.244, 0.374, 43.916
CIE-LCH	72.172, 44.847, 176.097
CIE-LUV	72.172, -54.804, 11.511
Hunter-Lab	66.269, -38.757, 6.133
Binary	00110000, 11000110, 10101010

#30c6aa
```
#30c6aa rgb(48,198,170)
```
#c6304c
```
#c6304c rgb(198,48,76)
```

Complementary Color

#30c65f
```
#30c65f rgb(48,198,95)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```
#3097c6
```
#3097c6 rgb(48,151,198)
```

Analogous Color

#c65f30
```
#c65f30 rgb(198,95,48)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```
#c63097
```
#c63097 rgb(198,48,151)
```

Split Complementary Color

#c6aa30
```
#c6aa30 rgb(198,170,48)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```
#aa30c6
```
#aa30c6 rgb(170,48,198)
```

Triadic Color

#4cc630
```
#4cc630 rgb(76,198,48)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```
#aa30c6
```
#aa30c6 rgb(170,48,198)
```
#c6304c
```
#c6304c rgb(198,48,76)
```

Tetradic Color

#218875
```
#218875 rgb(33,136,117)
```
#269d87
```
#269d87 rgb(38,157,135)
```
#2bb198
```
#2bb198 rgb(43,177,152)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```
#3fd0b5
```
#3fd0b5 rgb(63,208,181)
```
#54d5bd
```
#54d5bd rgb(84,213,189)
```
#68dac5
```
#68dac5 rgb(104,218,197)
```

Monochromatic Color

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

#30c685
```
#30c685 rgb(48,198,133)
```
#30c691
```
#30c691 rgb(48,198,145)
```
#30c69e
```
#30c69e rgb(48,198,158)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```
#30c6b7
```
#30c6b7 rgb(48,198,183)
```
#30c6c3
```
#30c6c3 rgb(48,198,195)
```
#30bdc6
```
#30bdc6 rgb(48,189,198)
```

Similar Colors

Text with hexadecimal color #30c6aa

This text has a font color of #30c6aa.

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

#30c6aa background color

This paragraph has a background color of #30c6aa.

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

#30c6aa border color

This element has a border color of #30c6aa.

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

CSS codes

.text {color:#30c6aa;}

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

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

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, #020907 is the darkest color, while #f8fdfc is the lightest one.

#020907
```
#020907 rgb(2,9,7)
```
#061815
```
#061815 rgb(6,24,21)
```
#0a2822
```
#0a2822 rgb(10,40,34)
```
#0e3830
```
#0e3830 rgb(14,56,48)
```
#11483e
```
#11483e rgb(17,72,62)
```
#15574b
```
#15574b rgb(21,87,75)
```
#196759
```
#196759 rgb(25,103,89)
```
#1d7766
```
#1d7766 rgb(29,119,102)
```
#218774
```
#218774 rgb(33,135,116)
```
#259781
```
#259781 rgb(37,151,129)
```
#28a68f
```
#28a68f rgb(40,166,143)
```
#2cb69c
```
#2cb69c rgb(44,182,156)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```

Shade Color Variation

#3acfb3
```
#3acfb3 rgb(58,207,179)
```
#4ad3ba
```
#4ad3ba rgb(74,211,186)
```
#5ad7c0
```
#5ad7c0 rgb(90,215,192)
```
#6adbc6
```
#6adbc6 rgb(106,219,198)
```
#79dfcc
```
#79dfcc rgb(121,223,204)
```
#89e2d2
```
#89e2d2 rgb(137,226,210)
```
#99e6d8
```
#99e6d8 rgb(153,230,216)
```
#a9eade
```
#a9eade rgb(169,234,222)
```
#b9eee4
```
#b9eee4 rgb(185,238,228)
```
#c8f2ea
```
#c8f2ea rgb(200,242,234)
```
#d8f6f0
```
#d8f6f0 rgb(216,246,240)
```
#e8f9f6
```
#e8f9f6 rgb(232,249,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#728480
```
#728480 rgb(114,132,128)
```
#698d86
```
#698d86 rgb(105,141,134)
```
#5f978c
```
#5f978c rgb(95,151,140)
```
#56a092
```
#56a092 rgb(86,160,146)
```
#4caa98
```
#4caa98 rgb(76,170,152)
```
#43b39e
```
#43b39e rgb(67,179,158)
```
#39bda4
```
#39bda4 rgb(57,189,164)
```
#30c6aa
```
#30c6aa rgb(48,198,170)
```
#27cfb0
```
#27cfb0 rgb(39,207,176)
```
#1dd9b6
```
#1dd9b6 rgb(29,217,182)
```
#14e2bc
```
#14e2bc rgb(20,226,188)
```
#0aecc2
```
#0aecc2 rgb(10,236,194)
```
#01f5c8
```
#01f5c8 rgb(1,245,200)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#82a09a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb4a4 Protanopia 1% of men
#c4afb7 Deuteranopia 1% of men
#53c3d2 Tritanopia 0.001% of the population

Trichromacy

#89baa6 Protanomaly 1% of men, 0.01% of women
#8eb7b2 Deuteranomaly 6% of men, 0.4% of women
#46c4c3 Tritanomaly 0.01% of the population

#30c6aa hex color

#30c6aa Color Information

#30c6aa Color Conversion

Color Schemes with #30c6aa

Alternatives to #30c6aa

#30c6aa Preview

Shades and Tints of #30c6aa

Tones of #30c6aa

Color Blindness Simulator