#30c6a4 hex color

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

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

● #30c6a4 color description : Strong cyan.

The hexadecimal color #30c6a4 has RGB values of R:48, G:198, B:164 and CMYK values of C:0.76, M:0, Y:0.17, K:0.22. Its decimal value is 3196580.

Hex triplet	30c6a4	`#30c6a4`
RGB Decimal	48, 198, 164	`rgb(48,198,164)`
RGB Percent	18.8, 77.6, 64.3	`rgb(18.8%,77.6%,64.3%)`
CMYK	76, 0, 17, 22
HSL	166.4°, 61, 48.2	`hsl(166.4,61%,48.2%)`
HSV (or HSB)	166.4°, 75.8, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.024, -46.279, 6.093
XYZ	28.111, 43.694, 42.072
xyY	0.247, 0.384, 43.694
CIE-LCH	72.024, 46.678, 172.499
CIE-LUV	72.024, -55.217, 16.207
Hunter-Lab	66.102, -39.766, 8.534
Binary	00110000, 11000110, 10100100

#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#c63052
```
#c63052 rgb(198,48,82)
```

Complementary Color

#30c659
```
#30c659 rgb(48,198,89)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#309dc6
```
#309dc6 rgb(48,157,198)
```

Analogous Color

#c65930
```
#c65930 rgb(198,89,48)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#c6309d
```
#c6309d rgb(198,48,157)
```

Split Complementary Color

#c6a430
```
#c6a430 rgb(198,164,48)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#a430c6
```
#a430c6 rgb(164,48,198)
```

Triadic Color

#52c630
```
#52c630 rgb(82,198,48)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#a430c6
```
#a430c6 rgb(164,48,198)
```
#c63052
```
#c63052 rgb(198,48,82)
```

Tetradic Color

#218871
```
#218871 rgb(33,136,113)
```
#269d82
```
#269d82 rgb(38,157,130)
```
#2bb193
```
#2bb193 rgb(43,177,147)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#3fd0b0
```
#3fd0b0 rgb(63,208,176)
```
#54d5b8
```
#54d5b8 rgb(84,213,184)
```
#68dac1
```
#68dac1 rgb(104,218,193)
```

Monochromatic Color

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

#30c67f
```
#30c67f rgb(48,198,127)
```
#30c68b
```
#30c68b rgb(48,198,139)
```
#30c698
```
#30c698 rgb(48,198,152)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#30c6b1
```
#30c6b1 rgb(48,198,177)
```
#30c6bd
```
#30c6bd rgb(48,198,189)
```
#30c3c6
```
#30c3c6 rgb(48,195,198)
```

Similar Colors

Text with hexadecimal color #30c6a4

This text has a font color of #30c6a4.

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

#30c6a4 background color

This paragraph has a background color of #30c6a4.

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

#30c6a4 border color

This element has a border color of #30c6a4.

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

CSS codes

.text {color:#30c6a4;}

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

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

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)
```
#061814
```
#061814 rgb(6,24,20)
```
#0a2821
```
#0a2821 rgb(10,40,33)
```
#0e382e
```
#0e382e rgb(14,56,46)
```
#11483b
```
#11483b rgb(17,72,59)
```
#155748
```
#155748 rgb(21,87,72)
```
#196756
```
#196756 rgb(25,103,86)
```
#1d7763
```
#1d7763 rgb(29,119,99)
```
#218770
```
#218770 rgb(33,135,112)
```
#25977d
```
#25977d rgb(37,151,125)
```
#28a68a
```
#28a68a rgb(40,166,138)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```

Shade Color Variation

#3acfae
```
#3acfae rgb(58,207,174)
```
#4ad3b4
```
#4ad3b4 rgb(74,211,180)
```
#5ad7bb
```
#5ad7bb rgb(90,215,187)
```
#6adbc1
```
#6adbc1 rgb(106,219,193)
```
#79dfc8
```
#79dfc8 rgb(121,223,200)
```
#89e2ce
```
#89e2ce rgb(137,226,206)
```
#99e6d5
```
#99e6d5 rgb(153,230,213)
```
#a9eadb
```
#a9eadb rgb(169,234,219)
```
#b9eee2
```
#b9eee2 rgb(185,238,226)
```
#c8f2e8
```
#c8f2e8 rgb(200,242,232)
```
#d8f6ef
```
#d8f6ef rgb(216,246,239)
```
#e8f9f5
```
#e8f9f5 rgb(232,249,245)
```
#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 #01f5be is the most saturated one.

#728480
```
#728480 rgb(114,132,128)
```
#698d85
```
#698d85 rgb(105,141,133)
```
#5f978a
```
#5f978a rgb(95,151,138)
```
#56a08f
```
#56a08f rgb(86,160,143)
```
#4caa94
```
#4caa94 rgb(76,170,148)
```
#43b39a
```
#43b39a rgb(67,179,154)
```
#39bd9f
```
#39bd9f rgb(57,189,159)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```
#27cfa9
```
#27cfa9 rgb(39,207,169)
```
#1dd9ae
```
#1dd9ae rgb(29,217,174)
```
#14e2b4
```
#14e2b4 rgb(20,226,180)
```
#0aecb9
```
#0aecb9 rgb(10,236,185)
```
#01f5be
```
#01f5be rgb(1,245,190)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#819f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb49e Protanopia 1% of men
#c6afb1 Deuteranopia 1% of men
#56c3d1 Tritanopia 0.001% of the population

Trichromacy

#89baa0 Protanomaly 1% of men, 0.01% of women
#8fb7ac Deuteranomaly 6% of men, 0.4% of women
#48c4c0 Tritanomaly 0.01% of the population

#30c6a4 hex color

#30c6a4 Color Information

#30c6a4 Color Conversion

Color Schemes with #30c6a4

Alternatives to #30c6a4

#30c6a4 Preview

Shades and Tints of #30c6a4

Tones of #30c6a4

Color Blindness Simulator