#30ac9c hex color

In a RGB color space, hex #30ac9c is composed of 18.8% red, 67.5% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 0% magenta, 9.3% yellow and 32.5% black. It has a hue angle of 172.3 degrees, a saturation of 56.4% and a lightness of 43.1%. #30ac9c color hex could be obtained by blending #60ffff with #005939. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 67
- B 61
RGB color chart
- C 72
- M 0
- Y 9
- K 33
CMYK color chart

● #30ac9c color description : Dark cyan.

The hexadecimal color #30ac9c has RGB values of R:48, G:172, B:156 and CMYK values of C:0.72, M:0, Y:0.09, K:0.33. Its decimal value is 3189916.

Hex triplet	30ac9c	`#30ac9c`
RGB Decimal	48, 172, 156	`rgb(48,172,156)`
RGB Percent	18.8, 67.5, 61.2	`rgb(18.8%,67.5%,61.2%)`
CMYK	72, 0, 9, 33
HSL	172.3°, 56.4, 43.1	`hsl(172.3,56.4%,43.1%)`
HSV (or HSB)	172.3°, 72.1, 67.5
Web Safe	339999	`#339999`

CIE-LAB	63.78, -37.022, -1.473
XYZ	21.97, 32.532, 36.572
xyY	0.241, 0.357, 32.532
CIE-LCH	63.78, 37.052, 182.279
CIE-LUV	63.78, -46.448, 3.446
Hunter-Lab	57.037, -31.057, 1.909
Binary	00110000, 10101100, 10011100

#30ac9c
```
#30ac9c rgb(48,172,156)
```
#ac3040
```
#ac3040 rgb(172,48,64)
```

Complementary Color

#30ac5e
```
#30ac5e rgb(48,172,94)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#307eac
```
#307eac rgb(48,126,172)
```

Analogous Color

#ac5e30
```
#ac5e30 rgb(172,94,48)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#ac307e
```
#ac307e rgb(172,48,126)
```

Split Complementary Color

#ac9c30
```
#ac9c30 rgb(172,156,48)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#9c30ac
```
#9c30ac rgb(156,48,172)
```

Triadic Color

#40ac30
```
#40ac30 rgb(64,172,48)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#9c30ac
```
#9c30ac rgb(156,48,172)
```
#ac3040
```
#ac3040 rgb(172,48,64)
```

Tetradic Color

#1f7066
```
#1f7066 rgb(31,112,102)
```
#258478
```
#258478 rgb(37,132,120)
```
#2a988a
```
#2a988a rgb(42,152,138)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#36c0ae
```
#36c0ae rgb(54,192,174)
```
#44cbb9
```
#44cbb9 rgb(68,203,185)
```
#58d0c1
```
#58d0c1 rgb(88,208,193)
```

Monochromatic Color

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

#30ac7d
```
#30ac7d rgb(48,172,125)
```
#30ac87
```
#30ac87 rgb(48,172,135)
```
#30ac92
```
#30ac92 rgb(48,172,146)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#30aca6
```
#30aca6 rgb(48,172,166)
```
#30a7ac
```
#30a7ac rgb(48,167,172)
```
#309dac
```
#309dac rgb(48,157,172)
```

Similar Colors

Text with hexadecimal color #30ac9c

This text has a font color of #30ac9c.

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

#30ac9c background color

This paragraph has a background color of #30ac9c.

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

#30ac9c border color

This element has a border color of #30ac9c.

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

CSS codes

.text {color:#30ac9c;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051311
```
#051311 rgb(5,19,17)
```
#09221f
```
#09221f rgb(9,34,31)
```
#0e312d
```
#0e312d rgb(14,49,45)
```
#12413b
```
#12413b rgb(18,65,59)
```
#165049
```
#165049 rgb(22,80,73)
```
#1b5f56
```
#1b5f56 rgb(27,95,86)
```
#1f6f64
```
#1f6f64 rgb(31,111,100)
```
#237e72
```
#237e72 rgb(35,126,114)
```
#278d80
```
#278d80 rgb(39,141,128)
```
#2c9d8e
```
#2c9d8e rgb(44,157,142)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#34bbaa
```
#34bbaa rgb(52,187,170)
```

Shade Color Variation

#3bc8b6
```
#3bc8b6 rgb(59,200,182)
```
#4acdbc
```
#4acdbc rgb(74,205,188)
```
#5ad1c1
```
#5ad1c1 rgb(90,209,193)
```
#69d5c7
```
#69d5c7 rgb(105,213,199)
```
#78d9cd
```
#78d9cd rgb(120,217,205)
```
#88ded3
```
#88ded3 rgb(136,222,211)
```
#97e2d8
```
#97e2d8 rgb(151,226,216)
```
#a6e6de
```
#a6e6de rgb(166,230,222)
```
#b6ebe4
```
#b6ebe4 rgb(182,235,228)
```
#c5efe9
```
#c5efe9 rgb(197,239,233)
```
#d4f3ef
```
#d4f3ef rgb(212,243,239)
```
#e4f7f5
```
#e4f7f5 rgb(228,247,245)
```
#f3fcfb
```
#f3fcfb rgb(243,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7170 is the less saturated color, while #06d6bb is the most saturated one.

#6b7170
```
#6b7170 rgb(107,113,112)
```
#637976
```
#637976 rgb(99,121,118)
```
#5a827d
```
#5a827d rgb(90,130,125)
```
#528a83
```
#528a83 rgb(82,138,131)
```
#499389
```
#499389 rgb(73,147,137)
```
#419b8f
```
#419b8f rgb(65,155,143)
```
#38a496
```
#38a496 rgb(56,164,150)
```
#30ac9c
```
#30ac9c rgb(48,172,156)
```
#28b4a2
```
#28b4a2 rgb(40,180,162)
```
#1fbda9
```
#1fbda9 rgb(31,189,169)
```
#17c5af
```
#17c5af rgb(23,197,175)
```
#0eceb5
```
#0eceb5 rgb(14,206,181)
```
#06d6bb
```
#06d6bb rgb(6,214,187)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49f98 Protanopia 1% of men
#aa9ba8 Deuteranopia 1% of men
#4aacb9 Tritanopia 0.001% of the population

Trichromacy

#79a399 Protanomaly 1% of men, 0.01% of women
#7da1a4 Deuteranomaly 6% of men, 0.4% of women
#41acae Tritanomaly 0.01% of the population

#30ac9c hex color

#30ac9c Color Information

#30ac9c Color Conversion

Color Schemes with #30ac9c

Alternatives to #30ac9c

#30ac9c Preview

Shades and Tints of #30ac9c

Tones of #30ac9c

Color Blindness Simulator