colorhexa.com

#30a6ac hex color

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

- R 19
- G 65
- B 67
RGB color chart
- C 72
- M 3
- Y 0
- K 33
CMYK color chart

● #30a6ac color description : Dark cyan.

The hexadecimal color #30a6ac has RGB values of R:48, G:166, B:172 and CMYK values of C:0.72, M:0.03, Y:0, K:0.33. Its decimal value is 3188396.

Hex triplet	30a6ac	`#30a6ac`
RGB Decimal	48, 166, 172	`rgb(48,166,172)`
RGB Percent	18.8, 65.1, 67.5	`rgb(18.8%,65.1%,67.5%)`
CMYK	72, 3, 0, 33
HSL	182.9°, 56.4, 43.1	`hsl(182.9,56.4%,43.1%)`
HSV (or HSB)	182.9°, 72.1, 67.5
Web Safe	339999	`#339999`

CIE-LAB	62.404, -29.567, -12.473
XYZ	22.299, 30.877, 43.812
xyY	0.23, 0.318, 30.877
CIE-LCH	62.404, 32.09, 202.874
CIE-LUV	62.404, -43.199, -14.49
Hunter-Lab	55.567, -25.61, -7.85
Binary	00110000, 10100110, 10101100

#30a6ac
```
#30a6ac rgb(48,166,172)
```
#ac3630
```
#ac3630 rgb(172,54,48)
```

Complementary Color

#30ac74
```
#30ac74 rgb(48,172,116)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#3068ac
```
#3068ac rgb(48,104,172)
```

Analogous Color

#ac7430
```
#ac7430 rgb(172,116,48)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#ac3068
```
#ac3068 rgb(172,48,104)
```

Split Complementary Color

#a6ac30
```
#a6ac30 rgb(166,172,48)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#ac30a6
```
#ac30a6 rgb(172,48,166)
```

Triadic Color

#30ac36
```
#30ac36 rgb(48,172,54)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#ac30a6
```
#ac30a6 rgb(172,48,166)
```
#ac3630
```
#ac3630 rgb(172,54,48)
```

Tetradic Color

#1f6c70
```
#1f6c70 rgb(31,108,112)
```
#258084
```
#258084 rgb(37,128,132)
```
#2a9398
```
#2a9398 rgb(42,147,152)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#36b9c0
```
#36b9c0 rgb(54,185,192)
```
#44c4cb
```
#44c4cb rgb(68,196,203)
```
#58cbd0
```
#58cbd0 rgb(88,203,208)
```

Monochromatic Color

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

#30ac93
```
#30ac93 rgb(48,172,147)
```
#30ac9d
```
#30ac9d rgb(48,172,157)
```
#30aca8
```
#30aca8 rgb(48,172,168)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#309cac
```
#309cac rgb(48,156,172)
```
#3091ac
```
#3091ac rgb(48,145,172)
```
#3087ac
```
#3087ac rgb(48,135,172)
```

Similar Colors

Text with hexadecimal color #30a6ac

This text has a font color of #30a6ac.

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

#30a6ac background color

This paragraph has a background color of #30a6ac.

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

#30a6ac border color

This element has a border color of #30a6ac.

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

CSS codes

.text {color:#30a6ac;}

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

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

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)
```
#0e3031
```
#0e3031 rgb(14,48,49)
```
#123e41
```
#123e41 rgb(18,62,65)
```
#164d50
```
#164d50 rgb(22,77,80)
```
#1b5c5f
```
#1b5c5f rgb(27,92,95)
```
#1f6b6f
```
#1f6b6f rgb(31,107,111)
```
#237a7e
```
#237a7e rgb(35,122,126)
```
#27888d
```
#27888d rgb(39,136,141)
```
#2c979d
```
#2c979d rgb(44,151,157)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#34b5bb
```
#34b5bb rgb(52,181,187)
```

Shade Color Variation

#3bc1c8
```
#3bc1c8 rgb(59,193,200)
```
#4ac6cd
```
#4ac6cd rgb(74,198,205)
```
#5acbd1
```
#5acbd1 rgb(90,203,209)
```
#69d0d5
```
#69d0d5 rgb(105,208,213)
```
#78d5d9
```
#78d5d9 rgb(120,213,217)
```
#88dade
```
#88dade rgb(136,218,222)
```
#97dee2
```
#97dee2 rgb(151,222,226)
```
#a6e3e6
```
#a6e3e6 rgb(166,227,230)
```
#b6e8eb
```
#b6e8eb rgb(182,232,235)
```
#c5edef
```
#c5edef rgb(197,237,239)
```
#d4f2f3
```
#d4f2f3 rgb(212,242,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, #6b7171 is the less saturated color, while #06ccd6 is the most saturated one.

#6b7171
```
#6b7171 rgb(107,113,113)
```
#637879
```
#637879 rgb(99,120,121)
```
#5a8082
```
#5a8082 rgb(90,128,130)
```
#52878a
```
#52878a rgb(82,135,138)
```
#498f93
```
#498f93 rgb(73,143,147)
```
#41979b
```
#41979b rgb(65,151,155)
```
#389ea4
```
#389ea4 rgb(56,158,164)
```
#30a6ac
```
#30a6ac rgb(48,166,172)
```
#28aeb4
```
#28aeb4 rgb(40,174,180)
```
#1fb5bd
```
#1fb5bd rgb(31,181,189)
```
#17bdc5
```
#17bdc5 rgb(23,189,197)
```
#0ec5ce
```
#0ec5ce rgb(14,197,206)
```
#06ccd6
```
#06ccd6 rgb(6,204,214)
```

Tone Color Variation

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

#9b9ba7 Protanopia 1% of men
#9d98b6 Deuteranopia 1% of men
#3fa9b6 Tritanopia 0.001% of the population

Trichromacy

#749fa9 Protanomaly 1% of men, 0.01% of women
#759db2 Deuteranomaly 6% of men, 0.4% of women
#39a8b2 Tritanomaly 0.01% of the population