#30c9ac hex color

In a RGB color space, hex #30c9ac is composed of 18.8% red, 78.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 14.4% yellow and 21.2% black. It has a hue angle of 168.6 degrees, a saturation of 61.4% and a lightness of 48.8%. #30c9ac color hex could be obtained by blending #60ffff with #009359. Closest websafe color is: #33cc99.

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

● #30c9ac color description : Strong cyan.

The hexadecimal color #30c9ac has RGB values of R:48, G:201, B:172 and CMYK values of C:0.76, M:0, Y:0.14, K:0.21. Its decimal value is 3197356.

Hex triplet	30c9ac	`#30c9ac`
RGB Decimal	48, 201, 172	`rgb(48,201,172)`
RGB Percent	18.8, 78.8, 67.5	`rgb(18.8%,78.8%,67.5%)`
CMYK	76, 0, 14, 21
HSL	168.6°, 61.4, 48.8	`hsl(168.6,61.4%,48.8%)`
HSV (or HSB)	168.6°, 76.1, 78.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.14, -45.504, 3.37
XYZ	29.549, 45.377, 46.229
xyY	0.244, 0.375, 45.377
CIE-LCH	73.14, 45.628, 175.764
CIE-LUV	73.14, -55.721, 12.127
Hunter-Lab	67.363, -39.584, 6.465
Binary	00110000, 11001001, 10101100

#30c9ac
```
#30c9ac rgb(48,201,172)
```
#c9304d
```
#c9304d rgb(201,48,77)
```

Complementary Color

#30c960
```
#30c960 rgb(48,201,96)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```
#309ac9
```
#309ac9 rgb(48,154,201)
```

Analogous Color

#c96030
```
#c96030 rgb(201,96,48)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```
#c9309a
```
#c9309a rgb(201,48,154)
```

Split Complementary Color

#c9ac30
```
#c9ac30 rgb(201,172,48)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```
#ac30c9
```
#ac30c9 rgb(172,48,201)
```

Triadic Color

#4dc930
```
#4dc930 rgb(77,201,48)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```
#ac30c9
```
#ac30c9 rgb(172,48,201)
```
#c9304d
```
#c9304d rgb(201,48,77)
```

Tetradic Color

#218b77
```
#218b77 rgb(33,139,119)
```
#26a089
```
#26a089 rgb(38,160,137)
```
#2bb49a
```
#2bb49a rgb(43,180,154)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```
#41d2b6
```
#41d2b6 rgb(65,210,182)
```
#55d7be
```
#55d7be rgb(85,215,190)
```
#6adbc6
```
#6adbc6 rgb(106,219,198)
```

Monochromatic Color

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

#30c986
```
#30c986 rgb(48,201,134)
```
#30c993
```
#30c993 rgb(48,201,147)
```
#30c99f
```
#30c99f rgb(48,201,159)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```
#30c9b9
```
#30c9b9 rgb(48,201,185)
```
#30c9c6
```
#30c9c6 rgb(48,201,198)
```
#30c0c9
```
#30c0c9 rgb(48,192,201)
```

Similar Colors

Text with hexadecimal color #30c9ac

This text has a font color of #30c9ac.

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

#30c9ac background color

This paragraph has a background color of #30c9ac.

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

#30c9ac border color

This element has a border color of #30c9ac.

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

CSS codes

.text {color:#30c9ac;}

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

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

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, #030b09 is the darkest color, while #fafefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#061b17
```
#061b17 rgb(6,27,23)
```
#0a2b25
```
#0a2b25 rgb(10,43,37)
```
#0e3a32
```
#0e3a32 rgb(14,58,50)
```
#124a40
```
#124a40 rgb(18,74,64)
```
#165a4d
```
#165a4d rgb(22,90,77)
```
#196a5b
```
#196a5b rgb(25,106,91)
```
#1d7a68
```
#1d7a68 rgb(29,122,104)
```
#218a76
```
#218a76 rgb(33,138,118)
```
#259983
```
#259983 rgb(37,153,131)
```
#28a991
```
#28a991 rgb(40,169,145)
```
#2cb99e
```
#2cb99e rgb(44,185,158)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```

Shade Color Variation

#3cd0b4
```
#3cd0b4 rgb(60,208,180)
```
#4cd4ba
```
#4cd4ba rgb(76,212,186)
```
#5cd8c0
```
#5cd8c0 rgb(92,216,192)
```
#6cdcc7
```
#6cdcc7 rgb(108,220,199)
```
#7be0cd
```
#7be0cd rgb(123,224,205)
```
#8be3d3
```
#8be3d3 rgb(139,227,211)
```
#9be7d9
```
#9be7d9 rgb(155,231,217)
```
#abebdf
```
#abebdf rgb(171,235,223)
```
#bbefe5
```
#bbefe5 rgb(187,239,229)
```
#cbf2eb
```
#cbf2eb rgb(203,242,235)
```
#daf6f1
```
#daf6f1 rgb(218,246,241)
```
#eafaf7
```
#eafaf7 rgb(234,250,247)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#738682
```
#738682 rgb(115,134,130)
```
#699088
```
#699088 rgb(105,144,136)
```
#60998e
```
#60998e rgb(96,153,142)
```
#56a394
```
#56a394 rgb(86,163,148)
```
#4dac9a
```
#4dac9a rgb(77,172,154)
```
#43b6a0
```
#43b6a0 rgb(67,182,160)
```
#3abfa6
```
#3abfa6 rgb(58,191,166)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```
#26d3b2
```
#26d3b2 rgb(38,211,178)
```
#1ddcb8
```
#1ddcb8 rgb(29,220,184)
```
#13e6be
```
#13e6be rgb(19,230,190)
```
#0aefc4
```
#0aefc4 rgb(10,239,196)
```
#00f9ca
```
#00f9ca rgb(0,249,202)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#83a29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb6a5 Protanopia 1% of men
#c7b2b9 Deuteranopia 1% of men
#54c6d4 Tritanopia 0.001% of the population

Trichromacy

#8abda8 Protanomaly 1% of men, 0.01% of women
#90bab4 Deuteranomaly 6% of men, 0.4% of women
#47c7c6 Tritanomaly 0.01% of the population

#30c9ac hex color

#30c9ac Color Information

#30c9ac Color Conversion

Color Schemes with #30c9ac

Alternatives to #30c9ac

#30c9ac Preview

Shades and Tints of #30c9ac

Tones of #30c9ac

Color Blindness Simulator