#30aaa9 hex color

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

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

● #30aaa9 color description : Dark cyan.

The hexadecimal color #30aaa9 has RGB values of R:48, G:170, B:169 and CMYK values of C:0.72, M:0, Y:0.01, K:0.33. Its decimal value is 3189417.

Hex triplet	30aaa9	`#30aaa9`
RGB Decimal	48, 170, 169	`rgb(48,170,169)`
RGB Percent	18.8, 66.7, 66.3	`rgb(18.8%,66.7%,66.3%)`
CMYK	72, 0, 1, 33
HSL	179.5°, 56, 42.7	`hsl(179.5,56%,42.7%)`
HSV (or HSB)	179.5°, 71.8, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.541, -32.391, -9.09
XYZ	22.753, 32.24, 42.558
xyY	0.233, 0.33, 32.24
CIE-LCH	63.541, 33.643, 195.676
CIE-LUV	63.541, -44.85, -8.829
Hunter-Lab	56.781, -27.838, -4.692
Binary	00110000, 10101010, 10101001

#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#aa3031
```
#aa3031 rgb(170,48,49)
```

Complementary Color

#30aa6c
```
#30aa6c rgb(48,170,108)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#306eaa
```
#306eaa rgb(48,110,170)
```

Analogous Color

#aa6c30
```
#aa6c30 rgb(170,108,48)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#aa306e
```
#aa306e rgb(170,48,110)
```

Split Complementary Color

#aaa930
```
#aaa930 rgb(170,169,48)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#a930aa
```
#a930aa rgb(169,48,170)
```

Triadic Color

#31aa30
```
#31aa30 rgb(49,170,48)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#a930aa
```
#a930aa rgb(169,48,170)
```
#aa3031
```
#aa3031 rgb(170,48,49)
```

Tetradic Color

#1f6e6e
```
#1f6e6e rgb(31,110,110)
```
#258281
```
#258281 rgb(37,130,129)
```
#2a9695
```
#2a9695 rgb(42,150,149)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#36bebd
```
#36bebd rgb(54,190,189)
```
#43cac9
```
#43cac9 rgb(67,202,201)
```
#57d0cf
```
#57d0cf rgb(87,208,207)
```

Monochromatic Color

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

#30aa8b
```
#30aa8b rgb(48,170,139)
```
#30aa95
```
#30aa95 rgb(48,170,149)
```
#30aa9f
```
#30aa9f rgb(48,170,159)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#30a1aa
```
#30a1aa rgb(48,161,170)
```
#3097aa
```
#3097aa rgb(48,151,170)
```
#308daa
```
#308daa rgb(48,141,170)
```

Similar Colors

Text with hexadecimal color #30aaa9

This text has a font color of #30aaa9.

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

#30aaa9 background color

This paragraph has a background color of #30aaa9.

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

#30aaa9 border color

This element has a border color of #30aaa9.

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

CSS codes

.text {color:#30aaa9;}

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

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

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)
```
#123f3f
```
#123f3f rgb(18,63,63)
```
#164e4e
```
#164e4e rgb(22,78,78)
```
#1a5e5d
```
#1a5e5d rgb(26,94,93)
```
#1f6d6c
```
#1f6d6c rgb(31,109,108)
```
#237c7b
```
#237c7b rgb(35,124,123)
```
#278b8b
```
#278b8b rgb(39,139,139)
```
#2c9b9a
```
#2c9b9a rgb(44,155,154)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#34b9b8
```
#34b9b8 rgb(52,185,184)
```

Shade Color Variation

#3ac7c6
```
#3ac7c6 rgb(58,199,198)
```
#49cccb
```
#49cccb rgb(73,204,203)
```
#58d0cf
```
#58d0cf rgb(88,208,207)
```
#68d4d3
```
#68d4d3 rgb(104,212,211)
```
#77d9d8
```
#77d9d8 rgb(119,217,216)
```
#86dddc
```
#86dddc rgb(134,221,220)
```
#96e1e1
```
#96e1e1 rgb(150,225,225)
```
#a5e6e5
```
#a5e6e5 rgb(165,230,229)
```
#b4eae9
```
#b4eae9 rgb(180,234,233)
```
#c4eeee
```
#c4eeee rgb(196,238,238)
```
#d3f3f2
```
#d3f3f2 rgb(211,243,242)
```
#e2f7f7
```
#e2f7f7 rgb(226,247,247)
```
#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 #06d4d2 is the most saturated one.

#6b6f6f
```
#6b6f6f rgb(107,111,111)
```
#627878
```
#627878 rgb(98,120,120)
```
#5a8080
```
#5a8080 rgb(90,128,128)
```
#528888
```
#528888 rgb(82,136,136)
```
#499190
```
#499190 rgb(73,145,144)
```
#419999
```
#419999 rgb(65,153,153)
```
#38a2a1
```
#38a2a1 rgb(56,162,161)
```
#30aaa9
```
#30aaa9 rgb(48,170,169)
```
#28b2b1
```
#28b2b1 rgb(40,178,177)
```
#1fbbb9
```
#1fbbb9 rgb(31,187,185)
```
#17c3c2
```
#17c3c2 rgb(23,195,194)
```
#0eccca
```
#0eccca rgb(14,204,202)
```
#06d4d2
```
#06d4d2 rgb(6,212,210)
```

Tone Color Variation

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

#a09ea4 Protanopia 1% of men
#a39bb4 Deuteranopia 1% of men
#43acb9 Tritanopia 0.001% of the population

Trichromacy

#77a2a6 Protanomaly 1% of men, 0.01% of women
#79a0b0 Deuteranomaly 6% of men, 0.4% of women
#3cabb3 Tritanomaly 0.01% of the population

#30aaa9 hex color

#30aaa9 Color Information

#30aaa9 Color Conversion

Color Schemes with #30aaa9

Alternatives to #30aaa9

#30aaa9 Preview

Shades and Tints of #30aaa9

Tones of #30aaa9

Color Blindness Simulator