#30aaa6 hex color

In a RGB color space, hex #30aaa6 is composed of 18.8% red, 66.7% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 2.4% yellow and 33.3% black. It has a hue angle of 178 degrees, a saturation of 56% and a lightness of 42.7%. #30aaa6 color hex could be obtained by blending #60ffff with #00554d. Closest websafe color is: #339999.

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

● #30aaa6 color description : Dark cyan.

The hexadecimal color #30aaa6 has RGB values of R:48, G:170, B:166 and CMYK values of C:0.72, M:0, Y:0.02, K:0.33. Its decimal value is 3189414.

Hex triplet	30aaa6	`#30aaa6`
RGB Decimal	48, 170, 166	`rgb(48,170,166)`
RGB Percent	18.8, 66.7, 65.1	`rgb(18.8%,66.7%,65.1%)`
CMYK	72, 0, 2, 33
HSL	178°, 56, 42.7	`hsl(178,56%,42.7%)`
HSV (or HSB)	178°, 71.8, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.449, -33.268, -7.549
XYZ	22.474, 32.129, 41.091
xyY	0.235, 0.336, 32.129
CIE-LCH	63.449, 34.113, 192.785
CIE-LUV	63.449, -45.051, -6.316
Hunter-Lab	56.682, -28.419, -3.304
Binary	00110000, 10101010, 10100110

#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#aa3034
```
#aa3034 rgb(170,48,52)
```

Complementary Color

#30aa69
```
#30aa69 rgb(48,170,105)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#3071aa
```
#3071aa rgb(48,113,170)
```

Analogous Color

#aa6930
```
#aa6930 rgb(170,105,48)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#aa3071
```
#aa3071 rgb(170,48,113)
```

Split Complementary Color

#aaa630
```
#aaa630 rgb(170,166,48)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#a630aa
```
#a630aa rgb(166,48,170)
```

Triadic Color

#34aa30
```
#34aa30 rgb(52,170,48)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#a630aa
```
#a630aa rgb(166,48,170)
```
#aa3034
```
#aa3034 rgb(170,48,52)
```

Tetradic Color

#1f6e6c
```
#1f6e6c rgb(31,110,108)
```
#25827f
```
#25827f rgb(37,130,127)
```
#2a9693
```
#2a9693 rgb(42,150,147)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#36beb9
```
#36beb9 rgb(54,190,185)
```
#43cac6
```
#43cac6 rgb(67,202,198)
```
#57d0cc
```
#57d0cc rgb(87,208,204)
```

Monochromatic Color

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

#30aa88
```
#30aa88 rgb(48,170,136)
```
#30aa92
```
#30aa92 rgb(48,170,146)
```
#30aa9c
```
#30aa9c rgb(48,170,156)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#30a4aa
```
#30a4aa rgb(48,164,170)
```
#309aaa
```
#309aaa rgb(48,154,170)
```
#3090aa
```
#3090aa rgb(48,144,170)
```

Similar Colors

Text with hexadecimal color #30aaa6

This text has a font color of #30aaa6.

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

#30aaa6 background color

This paragraph has a background color of #30aaa6.

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

#30aaa6 border color

This element has a border color of #30aaa6.

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

CSS codes

.text {color:#30aaa6;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#051111
```
#051111 rgb(5,17,17)
```
#092020
```
#092020 rgb(9,32,32)
```
#0d302f
```
#0d302f rgb(13,48,47)
```
#123f3d
```
#123f3d rgb(18,63,61)
```
#164e4c
```
#164e4c rgb(22,78,76)
```
#1a5e5b
```
#1a5e5b rgb(26,94,91)
```
#1f6d6a
```
#1f6d6a rgb(31,109,106)
```
#237c79
```
#237c79 rgb(35,124,121)
```
#278b88
```
#278b88 rgb(39,139,136)
```
#2c9b97
```
#2c9b97 rgb(44,155,151)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#34b9b5
```
#34b9b5 rgb(52,185,181)
```

Shade Color Variation

#3ac7c3
```
#3ac7c3 rgb(58,199,195)
```
#49ccc7
```
#49ccc7 rgb(73,204,199)
```
#58d0cc
```
#58d0cc rgb(88,208,204)
```
#68d4d1
```
#68d4d1 rgb(104,212,209)
```
#77d9d5
```
#77d9d5 rgb(119,217,213)
```
#86ddda
```
#86ddda rgb(134,221,218)
```
#96e1df
```
#96e1df rgb(150,225,223)
```
#a5e6e3
```
#a5e6e3 rgb(165,230,227)
```
#b4eae8
```
#b4eae8 rgb(180,234,232)
```
#c4eeed
```
#c4eeed rgb(196,238,237)
```
#d3f3f1
```
#d3f3f1 rgb(211,243,241)
```
#e2f7f6
```
#e2f7f6 rgb(226,247,246)
```
#f1fbfb
```
#f1fbfb rgb(241,251,251)
```

Tint Color Variation

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

#6b6f6f
```
#6b6f6f rgb(107,111,111)
```
#627877
```
#627877 rgb(98,120,119)
```
#5a807f
```
#5a807f rgb(90,128,127)
```
#528887
```
#528887 rgb(82,136,135)
```
#49918e
```
#49918e rgb(73,145,142)
```
#419996
```
#419996 rgb(65,153,150)
```
#38a29e
```
#38a29e rgb(56,162,158)
```
#30aaa6
```
#30aaa6 rgb(48,170,166)
```
#28b2ae
```
#28b2ae rgb(40,178,174)
```
#1fbbb6
```
#1fbbb6 rgb(31,187,182)
```
#17c3be
```
#17c3be rgb(23,195,190)
```
#0eccc5
```
#0eccc5 rgb(14,204,197)
```
#06d4cd
```
#06d4cd rgb(6,212,205)
```

Tone Color Variation

Below, you can see how #30aaa6 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
#748c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09ea1 Protanopia 1% of men
#a49bb1 Deuteranopia 1% of men
#45acb8 Tritanopia 0.001% of the population

Trichromacy

#77a2a3 Protanomaly 1% of men, 0.01% of women
#7aa0ad Deuteranomaly 6% of men, 0.4% of women
#3dabb1 Tritanomaly 0.01% of the population

#30aaa6 hex color

#30aaa6 Color Information

#30aaa6 Color Conversion

Color Schemes with #30aaa6

Alternatives to #30aaa6

#30aaa6 Preview

Shades and Tints of #30aaa6

Tones of #30aaa6

Color Blindness Simulator