#30a5ac hex color

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

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

● #30a5ac color description : Dark cyan.

The hexadecimal color #30a5ac has RGB values of R:48, G:165, B:172 and CMYK values of C:0.72, M:0.04, Y:0, K:0.33. Its decimal value is 3188140.

Hex triplet	30a5ac	`#30a5ac`
RGB Decimal	48, 165, 172	`rgb(48,165,172)`
RGB Percent	18.8, 64.7, 67.5	`rgb(18.8%,64.7%,67.5%)`
CMYK	72, 4, 0, 33
HSL	183.4°, 56.4, 43.1	`hsl(183.4,56.4%,43.1%)`
HSV (or HSB)	183.4°, 72.1, 67.5
Web Safe	339999	`#339999`

CIE-LAB	62.096, -29.078, -12.936
XYZ	22.118, 30.515, 43.752
xyY	0.229, 0.317, 30.515
CIE-LCH	62.096, 31.825, 203.984
CIE-LUV	62.096, -42.836, -15.276
Hunter-Lab	55.241, -25.2, -8.291
Binary	00110000, 10100101, 10101100

#30a5ac
```
#30a5ac rgb(48,165,172)
```
#ac3730
```
#ac3730 rgb(172,55,48)
```

Complementary Color

#30ac75
```
#30ac75 rgb(48,172,117)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#3067ac
```
#3067ac rgb(48,103,172)
```

Analogous Color

#ac7530
```
#ac7530 rgb(172,117,48)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#ac3067
```
#ac3067 rgb(172,48,103)
```

Split Complementary Color

#a5ac30
```
#a5ac30 rgb(165,172,48)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#ac30a5
```
#ac30a5 rgb(172,48,165)
```

Triadic Color

#30ac37
```
#30ac37 rgb(48,172,55)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#ac30a5
```
#ac30a5 rgb(172,48,165)
```
#ac3730
```
#ac3730 rgb(172,55,48)
```

Tetradic Color

#1f6c70
```
#1f6c70 rgb(31,108,112)
```
#257f84
```
#257f84 rgb(37,127,132)
```
#2a9298
```
#2a9298 rgb(42,146,152)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#36b8c0
```
#36b8c0 rgb(54,184,192)
```
#44c3cb
```
#44c3cb rgb(68,195,203)
```
#58cad0
```
#58cad0 rgb(88,202,208)
```

Monochromatic Color

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

#30ac94
```
#30ac94 rgb(48,172,148)
```
#30ac9e
```
#30ac9e rgb(48,172,158)
```
#30aca9
```
#30aca9 rgb(48,172,169)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#309bac
```
#309bac rgb(48,155,172)
```
#3090ac
```
#3090ac rgb(48,144,172)
```
#3086ac
```
#3086ac rgb(48,134,172)
```

Similar Colors

Text with hexadecimal color #30a5ac

This text has a font color of #30a5ac.

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

#30a5ac background color

This paragraph has a background color of #30a5ac.

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

#30a5ac border color

This element has a border color of #30a5ac.

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

CSS codes

.text {color:#30a5ac;}

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

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

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 #f3fbfc is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#051213
```
#051213 rgb(5,18,19)
```
#092122
```
#092122 rgb(9,33,34)
```
#0e2f31
```
#0e2f31 rgb(14,47,49)
```
#123e41
```
#123e41 rgb(18,62,65)
```
#164d50
```
#164d50 rgb(22,77,80)
```
#1b5b5f
```
#1b5b5f rgb(27,91,95)
```
#1f6a6f
```
#1f6a6f rgb(31,106,111)
```
#23797e
```
#23797e rgb(35,121,126)
```
#27888d
```
#27888d rgb(39,136,141)
```
#2c969d
```
#2c969d rgb(44,150,157)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#34b4bb
```
#34b4bb rgb(52,180,187)
```

Shade Color Variation

#3bc0c8
```
#3bc0c8 rgb(59,192,200)
```
#4ac5cd
```
#4ac5cd rgb(74,197,205)
```
#5acad1
```
#5acad1 rgb(90,202,209)
```
#69cfd5
```
#69cfd5 rgb(105,207,213)
```
#78d4d9
```
#78d4d9 rgb(120,212,217)
```
#88d9de
```
#88d9de rgb(136,217,222)
```
#97dee2
```
#97dee2 rgb(151,222,226)
```
#a6e3e6
```
#a6e3e6 rgb(166,227,230)
```
#b6e8eb
```
#b6e8eb rgb(182,232,235)
```
#c5ecef
```
#c5ecef rgb(197,236,239)
```
#d4f1f3
```
#d4f1f3 rgb(212,241,243)
```
#e4f6f7
```
#e4f6f7 rgb(228,246,247)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

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

#6b7071
```
#6b7071 rgb(107,112,113)
```
#637879
```
#637879 rgb(99,120,121)
```
#5a7f82
```
#5a7f82 rgb(90,127,130)
```
#52878a
```
#52878a rgb(82,135,138)
```
#498e93
```
#498e93 rgb(73,142,147)
```
#41969b
```
#41969b rgb(65,150,155)
```
#389da4
```
#389da4 rgb(56,157,164)
```
#30a5ac
```
#30a5ac rgb(48,165,172)
```
#28adb4
```
#28adb4 rgb(40,173,180)
```
#1fb4bd
```
#1fb4bd rgb(31,180,189)
```
#17bcc5
```
#17bcc5 rgb(23,188,197)
```
#0ec3ce
```
#0ec3ce rgb(14,195,206)
```
#06cbd6
```
#06cbd6 rgb(6,203,214)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#728a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9aa7 Protanopia 1% of men
#9b98b6 Deuteranopia 1% of men
#3ea8b5 Tritanopia 0.001% of the population

Trichromacy

#739ea9 Protanomaly 1% of men, 0.01% of women
#749cb2 Deuteranomaly 6% of men, 0.4% of women
#39a7b1 Tritanomaly 0.01% of the population

#30a5ac hex color

#30a5ac Color Information

#30a5ac Color Conversion

Color Schemes with #30a5ac

Alternatives to #30a5ac

#30a5ac Preview

Shades and Tints of #30a5ac

Tones of #30a5ac

Color Blindness Simulator