#30a3ab hex color

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

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

● #30a3ab color description : Dark cyan.

The hexadecimal color #30a3ab has RGB values of R:48, G:163, B:171 and CMYK values of C:0.72, M:0.05, Y:0, K:0.33. Its decimal value is 3187627.

Hex triplet	30a3ab	`#30a3ab`
RGB Decimal	48, 163, 171	`rgb(48,163,171)`
RGB Percent	18.8, 63.9, 67.1	`rgb(18.8%,63.9%,67.1%)`
CMYK	72, 5, 0, 33
HSL	183.9°, 56.2, 42.9	`hsl(183.9,56.2%,42.9%)`
HSV (or HSB)	183.9°, 71.9, 67.1
Web Safe	339999	`#339999`

CIE-LAB	61.448, -28.398, -13.351
XYZ	21.665, 29.761, 43.129
xyY	0.229, 0.315, 29.761
CIE-LCH	61.448, 31.38, 205.179
CIE-LUV	61.448, -42.175, -15.998
Hunter-Lab	54.554, -24.582, -8.685
Binary	00110000, 10100011, 10101011

#30a3ab
```
#30a3ab rgb(48,163,171)
```
#ab3830
```
#ab3830 rgb(171,56,48)
```

Complementary Color

#30ab76
```
#30ab76 rgb(48,171,118)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#3066ab
```
#3066ab rgb(48,102,171)
```

Analogous Color

#ab7630
```
#ab7630 rgb(171,118,48)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#ab3066
```
#ab3066 rgb(171,48,102)
```

Split Complementary Color

#a3ab30
```
#a3ab30 rgb(163,171,48)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#ab30a3
```
#ab30a3 rgb(171,48,163)
```

Triadic Color

#30ab38
```
#30ab38 rgb(48,171,56)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#ab30a3
```
#ab30a3 rgb(171,48,163)
```
#ab3830
```
#ab3830 rgb(171,56,48)
```

Tetradic Color

#1f6a6f
```
#1f6a6f rgb(31,106,111)
```
#257d83
```
#257d83 rgb(37,125,131)
```
#2a9097
```
#2a9097 rgb(42,144,151)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#36b6bf
```
#36b6bf rgb(54,182,191)
```
#44c2ca
```
#44c2ca rgb(68,194,202)
```
#58c8d0
```
#58c8d0 rgb(88,200,208)
```

Monochromatic Color

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

#30ab94
```
#30ab94 rgb(48,171,148)
```
#30ab9f
```
#30ab9f rgb(48,171,159)
```
#30aba9
```
#30aba9 rgb(48,171,169)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#3099ab
```
#3099ab rgb(48,153,171)
```
#308fab
```
#308fab rgb(48,143,171)
```
#3084ab
```
#3084ab rgb(48,132,171)
```

Similar Colors

Text with hexadecimal color #30a3ab

This text has a font color of #30a3ab.

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

#30a3ab background color

This paragraph has a background color of #30a3ab.

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

#30a3ab border color

This element has a border color of #30a3ab.

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

CSS codes

.text {color:#30a3ab;}

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

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

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)
```
#092021
```
#092021 rgb(9,32,33)
```
#0e2e30
```
#0e2e30 rgb(14,46,48)
```
#123d40
```
#123d40 rgb(18,61,64)
```
#164b4f
```
#164b4f rgb(22,75,79)
```
#1b5a5e
```
#1b5a5e rgb(27,90,94)
```
#1f696e
```
#1f696e rgb(31,105,110)
```
#23777d
```
#23777d rgb(35,119,125)
```
#27868c
```
#27868c rgb(39,134,140)
```
#2c949c
```
#2c949c rgb(44,148,156)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#34b2ba
```
#34b2ba rgb(52,178,186)
```

Shade Color Variation

#3abfc8
```
#3abfc8 rgb(58,191,200)
```
#4ac4cc
```
#4ac4cc rgb(74,196,204)
```
#59c9d0
```
#59c9d0 rgb(89,201,208)
```
#68ced5
```
#68ced5 rgb(104,206,213)
```
#78d3d9
```
#78d3d9 rgb(120,211,217)
```
#87d8dd
```
#87d8dd rgb(135,216,221)
```
#96dde2
```
#96dde2 rgb(150,221,226)
```
#a6e2e6
```
#a6e2e6 rgb(166,226,230)
```
#b5e7ea
```
#b5e7ea rgb(181,231,234)
```
#c4ecef
```
#c4ecef rgb(196,236,239)
```
#d4f1f3
```
#d4f1f3 rgb(212,241,243)
```
#e3f6f7
```
#e3f6f7 rgb(227,246,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 #06c8d5 is the most saturated one.

#6b7070
```
#6b7070 rgb(107,112,112)
```
#637778
```
#637778 rgb(99,119,120)
```
#5a7e81
```
#5a7e81 rgb(90,126,129)
```
#528689
```
#528689 rgb(82,134,137)
```
#498d92
```
#498d92 rgb(73,141,146)
```
#41949a
```
#41949a rgb(65,148,154)
```
#389ca3
```
#389ca3 rgb(56,156,163)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```
#28aab3
```
#28aab3 rgb(40,170,179)
```
#1fb2bc
```
#1fb2bc rgb(31,178,188)
```
#17b9c4
```
#17b9c4 rgb(23,185,196)
```
#0ec0cd
```
#0ec0cd rgb(14,192,205)
```
#06c8d5
```
#06c8d5 rgb(6,200,213)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#72898a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9898a6 Protanopia 1% of men
#9996b5 Deuteranopia 1% of men
#3da7b3 Tritanopia 0.001% of the population

Trichromacy

#729ca8 Protanomaly 1% of men, 0.01% of women
#739bb1 Deuteranomaly 6% of men, 0.4% of women
#38a5b0 Tritanomaly 0.01% of the population

#30a3ab hex color

#30a3ab Color Information

#30a3ab Color Conversion

Color Schemes with #30a3ab

Alternatives to #30a3ab

#30a3ab Preview

Shades and Tints of #30a3ab

Tones of #30a3ab

Color Blindness Simulator