colorhexa.com

#30b6aa hex color

In a RGB color space, hex #30b6aa is composed of 18.8% red, 71.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 0% magenta, 6.6% yellow and 28.6% black. It has a hue angle of 174.6 degrees, a saturation of 58.3% and a lightness of 45.1%. #30b6aa color hex could be obtained by blending #60ffff with #006d55. Closest websafe color is: #33cc99.

- R 19
- G 71
- B 67
RGB color chart
- C 74
- M 0
- Y 7
- K 29
CMYK color chart

● #30b6aa color description : Moderate cyan.

The hexadecimal color #30b6aa has RGB values of R:48, G:182, B:170 and CMYK values of C:0.74, M:0, Y:0.07, K:0.29. Its decimal value is 3192490.

Hex triplet	30b6aa	`#30b6aa`
RGB Decimal	48, 182, 170	`rgb(48,182,170)`
RGB Percent	18.8, 71.4, 66.7	`rgb(18.8%,71.4%,66.7%)`
CMYK	74, 0, 7, 29
HSL	174.6°, 58.3, 45.1	`hsl(174.6,58.3%,45.1%)`
HSV (or HSB)	174.6°, 73.6, 71.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.265, -37.689, -4.122
XYZ	25.2, 36.984, 43.839
xyY	0.238, 0.349, 36.984
CIE-LCH	67.265, 37.914, 186.241
CIE-LUV	67.265, -49.111, -0.435
Hunter-Lab	60.815, -32.459, -0.169
Binary	00110000, 10110110, 10101010

#30b6aa
```
#30b6aa rgb(48,182,170)
```
#b6303c
```
#b6303c rgb(182,48,60)
```

Complementary Color

#30b667
```
#30b667 rgb(48,182,103)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#307fb6
```
#307fb6 rgb(48,127,182)
```

Analogous Color

#b66730
```
#b66730 rgb(182,103,48)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#b6307f
```
#b6307f rgb(182,48,127)
```

Split Complementary Color

#b6aa30
```
#b6aa30 rgb(182,170,48)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#aa30b6
```
#aa30b6 rgb(170,48,182)
```

Triadic Color

#3cb630
```
#3cb630 rgb(60,182,48)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#aa30b6
```
#aa30b6 rgb(170,48,182)
```
#b6303c
```
#b6303c rgb(182,48,60)
```

Tetradic Color

#207971
```
#207971 rgb(32,121,113)
```
#258e84
```
#258e84 rgb(37,142,132)
```
#2ba297
```
#2ba297 rgb(43,162,151)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#36cabd
```
#36cabd rgb(54,202,189)
```
#4acfc3
```
#4acfc3 rgb(74,207,195)
```
#5ed5ca
```
#5ed5ca rgb(94,213,202)
```

Monochromatic Color

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

#30b689
```
#30b689 rgb(48,182,137)
```
#30b694
```
#30b694 rgb(48,182,148)
```
#30b69f
```
#30b69f rgb(48,182,159)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#30b6b5
```
#30b6b5 rgb(48,182,181)
```
#30acb6
```
#30acb6 rgb(48,172,182)
```
#30a1b6
```
#30a1b6 rgb(48,161,182)
```

Similar Colors

Text with hexadecimal color #30b6aa

This text has a font color of #30b6aa.

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

#30b6aa background color

This paragraph has a background color of #30b6aa.

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

#30b6aa border color

This element has a border color of #30b6aa.

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

CSS codes

.text {color:#30b6aa;}

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

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

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, #030b0b is the darkest color, while #fbfefe is the lightest one.

#030b0b
```
#030b0b rgb(3,11,11)
```
#071b19
```
#071b19 rgb(7,27,25)
```
#0b2a28
```
#0b2a28 rgb(11,42,40)
```
#0f3a36
```
#0f3a36 rgb(15,58,54)
```
#134945
```
#134945 rgb(19,73,69)
```
#175953
```
#175953 rgb(23,89,83)
```
#1c6862
```
#1c6862 rgb(28,104,98)
```
#207870
```
#207870 rgb(32,120,112)
```
#24877f
```
#24877f rgb(36,135,127)
```
#28978d
```
#28978d rgb(40,151,141)
```
#2ca69c
```
#2ca69c rgb(44,166,156)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#34c6b8
```
#34c6b8 rgb(52,198,184)
```

Shade Color Variation

#40cdc0
```
#40cdc0 rgb(64,205,192)
```
#50d1c5
```
#50d1c5 rgb(80,209,197)
```
#60d5ca
```
#60d5ca rgb(96,213,202)
```
#6fd9d0
```
#6fd9d0 rgb(111,217,208)
```
#7fddd5
```
#7fddd5 rgb(127,221,213)
```
#8ee1da
```
#8ee1da rgb(142,225,218)
```
#9ee5df
```
#9ee5df rgb(158,229,223)
```
#ade9e4
```
#ade9e4 rgb(173,233,228)
```
#bdeee9
```
#bdeee9 rgb(189,238,233)
```
#ccf2ee
```
#ccf2ee rgb(204,242,238)
```
#dcf6f3
```
#dcf6f3 rgb(220,246,243)
```
#ebfaf8
```
#ebfaf8 rgb(235,250,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#6e7877
```
#6e7877 rgb(110,120,119)
```
#65817e
```
#65817e rgb(101,129,126)
```
#5c8a86
```
#5c8a86 rgb(92,138,134)
```
#53938d
```
#53938d rgb(83,147,141)
```
#4b9b94
```
#4b9b94 rgb(75,155,148)
```
#42a49b
```
#42a49b rgb(66,164,155)
```
#39ada3
```
#39ada3 rgb(57,173,163)
```
#30b6aa
```
#30b6aa rgb(48,182,170)
```
#27bfb1
```
#27bfb1 rgb(39,191,177)
```
#1ec8b9
```
#1ec8b9 rgb(30,200,185)
```
#15d1c0
```
#15d1c0 rgb(21,209,192)
```
#0dd9c7
```
#0dd9c7 rgb(13,217,199)
```
#04e2ce
```
#04e2ce rgb(4,226,206)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a9593 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca7a4 Protanopia 1% of men
#b1a4b6 Deuteranopia 1% of men
#4ab6c3 Tritanopia 0.001% of the population

Trichromacy

#7faca6 Protanomaly 1% of men, 0.01% of women
#82aab1 Deuteranomaly 6% of men, 0.4% of women
#40b6ba Tritanomaly 0.01% of the population