#30aaaf hex color

In a RGB color space, hex #30aaaf is composed of 18.8% red, 66.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 2.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 182.4 degrees, a saturation of 57% and a lightness of 43.7%. #30aaaf color hex could be obtained by blending #60ffff with #00555f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 67
- B 69
RGB color chart
- C 73
- M 3
- Y 0
- K 31
CMYK color chart

● #30aaaf color description : Dark cyan.

The hexadecimal color #30aaaf has RGB values of R:48, G:170, B:175 and CMYK values of C:0.73, M:0.03, Y:0, K:0.31. Its decimal value is 3189423.

Hex triplet	30aaaf	`#30aaaf`
RGB Decimal	48, 170, 175	`rgb(48,170,175)`
RGB Percent	18.8, 66.7, 68.6	`rgb(18.8%,66.7%,68.6%)`
CMYK	73, 3, 0, 31
HSL	182.4°, 57, 43.7	`hsl(182.4,57%,43.7%)`
HSV (or HSB)	182.4°, 72.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	63.73, -30.607, -12.161
XYZ	23.329, 32.471, 45.593
xyY	0.23, 0.32, 32.471
CIE-LCH	63.73, 32.935, 201.669
CIE-LUV	63.73, -44.447, -13.898
Hunter-Lab	56.983, -26.642, -7.551
Binary	00110000, 10101010, 10101111

#30aaaf
```
#30aaaf rgb(48,170,175)
```
#af3530
```
#af3530 rgb(175,53,48)
```

Complementary Color

#30af75
```
#30af75 rgb(48,175,117)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#306baf
```
#306baf rgb(48,107,175)
```

Analogous Color

#af7530
```
#af7530 rgb(175,117,48)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#af306b
```
#af306b rgb(175,48,107)
```

Split Complementary Color

#aaaf30
```
#aaaf30 rgb(170,175,48)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#af30aa
```
#af30aa rgb(175,48,170)
```

Triadic Color

#30af35
```
#30af35 rgb(48,175,53)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#af30aa
```
#af30aa rgb(175,48,170)
```
#af3530
```
#af3530 rgb(175,53,48)
```

Tetradic Color

#207073
```
#207073 rgb(32,112,115)
```
#258387
```
#258387 rgb(37,131,135)
```
#2b979b
```
#2b979b rgb(43,151,155)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#35bdc3
```
#35bdc3 rgb(53,189,195)
```
#46c7cc
```
#46c7cc rgb(70,199,204)
```
#5acdd2
```
#5acdd2 rgb(90,205,210)
```

Monochromatic Color

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

#30af94
```
#30af94 rgb(48,175,148)
```
#30af9f
```
#30af9f rgb(48,175,159)
```
#30afa9
```
#30afa9 rgb(48,175,169)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#309faf
```
#309faf rgb(48,159,175)
```
#3095af
```
#3095af rgb(48,149,175)
```
#308aaf
```
#308aaf rgb(48,138,175)
```

Similar Colors

Text with hexadecimal color #30aaaf

This text has a font color of #30aaaf.

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

#30aaaf background color

This paragraph has a background color of #30aaaf.

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

#30aaaf border color

This element has a border color of #30aaaf.

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

CSS codes

.text {color:#30aaaf;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#061415
```
#061415 rgb(6,20,21)
```
#0a2324
```
#0a2324 rgb(10,35,36)
```
#0e3234
```
#0e3234 rgb(14,50,52)
```
#124143
```
#124143 rgb(18,65,67)
```
#175053
```
#175053 rgb(23,80,83)
```
#1b5f62
```
#1b5f62 rgb(27,95,98)
```
#1f6e71
```
#1f6e71 rgb(31,110,113)
```
#237d81
```
#237d81 rgb(35,125,129)
```
#288c90
```
#288c90 rgb(40,140,144)
```
#2c9ba0
```
#2c9ba0 rgb(44,155,160)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#34b9be
```
#34b9be rgb(52,185,190)
```

Shade Color Variation

#3dc4ca
```
#3dc4ca rgb(61,196,202)
```
#4cc9ce
```
#4cc9ce rgb(76,201,206)
```
#5bcdd2
```
#5bcdd2 rgb(91,205,210)
```
#6bd2d6
```
#6bd2d6 rgb(107,210,214)
```
#7ad7db
```
#7ad7db rgb(122,215,219)
```
#8adbdf
```
#8adbdf rgb(138,219,223)
```
#99e0e3
```
#99e0e3 rgb(153,224,227)
```
#a8e5e7
```
#a8e5e7 rgb(168,229,231)
```
#b8e9eb
```
#b8e9eb rgb(184,233,235)
```
#c7eef0
```
#c7eef0 rgb(199,238,240)
```
#d6f3f4
```
#d6f3f4 rgb(214,243,244)
```
#e6f7f8
```
#e6f7f8 rgb(230,247,248)
```
#f5fcfc
```
#f5fcfc rgb(245,252,252)
```

Tint Color Variation

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

#6c7373
```
#6c7373 rgb(108,115,115)
```
#637b7c
```
#637b7c rgb(99,123,124)
```
#5b8284
```
#5b8284 rgb(91,130,132)
```
#528a8d
```
#528a8d rgb(82,138,141)
```
#4a9295
```
#4a9295 rgb(74,146,149)
```
#419a9e
```
#419a9e rgb(65,154,158)
```
#39a2a6
```
#39a2a6 rgb(57,162,166)
```
#30aaaf
```
#30aaaf rgb(48,170,175)
```
#27b2b8
```
#27b2b8 rgb(39,178,184)
```
#1fbac0
```
#1fbac0 rgb(31,186,192)
```
#16c2c9
```
#16c2c9 rgb(22,194,201)
```
#0ecad1
```
#0ecad1 rgb(14,202,209)
```
#05d2da
```
#05d2da rgb(5,210,218)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#758d8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9eaa Protanopia 1% of men
#a09cb9 Deuteranopia 1% of men
#40adba Tritanopia 0.001% of the population

Trichromacy

#76a2ab Protanomaly 1% of men, 0.01% of women
#77a1b5 Deuteranomaly 6% of men, 0.4% of women
#3aacb6 Tritanomaly 0.01% of the population

#30aaaf hex color

#30aaaf Color Information

#30aaaf Color Conversion

Color Schemes with #30aaaf

Alternatives to #30aaaf

#30aaaf Preview

Shades and Tints of #30aaaf

Tones of #30aaaf

Color Blindness Simulator