#30a0ab hex color

In a RGB color space, hex #30a0ab is composed of 18.8% red, 62.7% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 6.4% magenta, 0% yellow and 32.9% black. It has a hue angle of 185.4 degrees, a saturation of 56.2% and a lightness of 42.9%. #30a0ab color hex could be obtained by blending #60ffff with #004157. Closest websafe color is: #339999.

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

● #30a0ab color description : Dark cyan.

The hexadecimal color #30a0ab has RGB values of R:48, G:160, B:171 and CMYK values of C:0.72, M:0.06, Y:0, K:0.33. Its decimal value is 3186859.

Hex triplet	30a0ab	`#30a0ab`
RGB Decimal	48, 160, 171	`rgb(48,160,171)`
RGB Percent	18.8, 62.7, 67.1	`rgb(18.8%,62.7%,67.1%)`
CMYK	72, 6, 0, 33
HSL	185.4°, 56.2, 42.9	`hsl(185.4,56.2%,42.9%)`
HSV (or HSB)	185.4°, 71.9, 67.1
Web Safe	339999	`#339999`

CIE-LAB	60.523, -26.909, -14.744
XYZ	21.138, 28.708, 42.953
xyY	0.228, 0.309, 28.708
CIE-LCH	60.523, 30.684, 208.72
CIE-LUV	60.523, -41.083, -18.364
Hunter-Lab	53.58, -23.344, -10.024
Binary	00110000, 10100000, 10101011

#30a0ab
```
#30a0ab rgb(48,160,171)
```
#ab3b30
```
#ab3b30 rgb(171,59,48)
```

Complementary Color

#30ab79
```
#30ab79 rgb(48,171,121)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#3062ab
```
#3062ab rgb(48,98,171)
```

Analogous Color

#ab7930
```
#ab7930 rgb(171,121,48)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#ab3062
```
#ab3062 rgb(171,48,98)
```

Split Complementary Color

#a0ab30
```
#a0ab30 rgb(160,171,48)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#ab30a0
```
#ab30a0 rgb(171,48,160)
```

Triadic Color

#30ab3b
```
#30ab3b rgb(48,171,59)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#ab30a0
```
#ab30a0 rgb(171,48,160)
```
#ab3b30
```
#ab3b30 rgb(171,59,48)
```

Tetradic Color

#1f686f
```
#1f686f rgb(31,104,111)
```
#257b83
```
#257b83 rgb(37,123,131)
```
#2a8d97
```
#2a8d97 rgb(42,141,151)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#36b3bf
```
#36b3bf rgb(54,179,191)
```
#44beca
```
#44beca rgb(68,190,202)
```
#58c5d0
```
#58c5d0 rgb(88,197,208)
```

Monochromatic Color

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

#30ab97
```
#30ab97 rgb(48,171,151)
```
#30aba2
```
#30aba2 rgb(48,171,162)
```
#30aaab
```
#30aaab rgb(48,170,171)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#3096ab
```
#3096ab rgb(48,150,171)
```
#308cab
```
#308cab rgb(48,140,171)
```
#3081ab
```
#3081ab rgb(48,129,171)
```

Similar Colors

Text with hexadecimal color #30a0ab

This text has a font color of #30a0ab.

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

#30a0ab background color

This paragraph has a background color of #30a0ab.

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

#30a0ab border color

This element has a border color of #30a0ab.

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

CSS codes

.text {color:#30a0ab;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#051112
```
#051112 rgb(5,17,18)
```
#091f21
```
#091f21 rgb(9,31,33)
```
#0e2d30
```
#0e2d30 rgb(14,45,48)
```
#123c40
```
#123c40 rgb(18,60,64)
```
#164a4f
```
#164a4f rgb(22,74,79)
```
#1b585e
```
#1b585e rgb(27,88,94)
```
#1f676e
```
#1f676e rgb(31,103,110)
```
#23757d
```
#23757d rgb(35,117,125)
```
#27838c
```
#27838c rgb(39,131,140)
```
#2c929c
```
#2c929c rgb(44,146,156)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#34aeba
```
#34aeba rgb(52,174,186)
```

Shade Color Variation

#3abbc8
```
#3abbc8 rgb(58,187,200)
```
#4ac0cc
```
#4ac0cc rgb(74,192,204)
```
#59c6d0
```
#59c6d0 rgb(89,198,208)
```
#68cbd5
```
#68cbd5 rgb(104,203,213)
```
#78d0d9
```
#78d0d9 rgb(120,208,217)
```
#87d6dd
```
#87d6dd rgb(135,214,221)
```
#96dbe2
```
#96dbe2 rgb(150,219,226)
```
#a6e0e6
```
#a6e0e6 rgb(166,224,230)
```
#b5e5ea
```
#b5e5ea rgb(181,229,234)
```
#c4ebef
```
#c4ebef rgb(196,235,239)
```
#d4f0f3
```
#d4f0f3 rgb(212,240,243)
```
#e3f5f7
```
#e3f5f7 rgb(227,245,247)
```
#f2fbfb
```
#f2fbfb rgb(242,251,251)
```

Tint Color Variation

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

#6b7070
```
#6b7070 rgb(107,112,112)
```
#637778
```
#637778 rgb(99,119,120)
```
#5a7d81
```
#5a7d81 rgb(90,125,129)
```
#528489
```
#528489 rgb(82,132,137)
```
#498b92
```
#498b92 rgb(73,139,146)
```
#41929a
```
#41929a rgb(65,146,154)
```
#3899a3
```
#3899a3 rgb(56,153,163)
```
#30a0ab
```
#30a0ab rgb(48,160,171)
```
#28a7b3
```
#28a7b3 rgb(40,167,179)
```
#1faebc
```
#1faebc rgb(31,174,188)
```
#17b5c4
```
#17b5c4 rgb(23,181,196)
```
#0ebccd
```
#0ebccd rgb(14,188,205)
```
#06c3d5
```
#06c3d5 rgb(6,195,213)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9596a6 Protanopia 1% of men
#9594b5 Deuteranopia 1% of men
#3ba4b0 Tritanopia 0.001% of the population

Trichromacy

#709aa8 Protanomaly 1% of men, 0.01% of women
#7098b1 Deuteranomaly 6% of men, 0.4% of women
#37a3ae Tritanomaly 0.01% of the population

#30a0ab hex color

#30a0ab Color Information

#30a0ab Color Conversion

Color Schemes with #30a0ab

Alternatives to #30a0ab

#30a0ab Preview

Shades and Tints of #30a0ab

Tones of #30a0ab

Color Blindness Simulator