#30b6a1 hex color

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

♥
- f
- t
- g
- R 19
- G 71
- B 63
RGB color chart
- C 74
- M 0
- Y 12
- K 29
CMYK color chart

● #30b6a1 color description : Moderate cyan.

The hexadecimal color #30b6a1 has RGB values of R:48, G:182, B:161 and CMYK values of C:0.74, M:0, Y:0.12, K:0.29. Its decimal value is 3192481.

Hex triplet	30b6a1	`#30b6a1`
RGB Decimal	48, 182, 161	`rgb(48,182,161)`
RGB Percent	18.8, 71.4, 63.1	`rgb(18.8%,71.4%,63.1%)`
CMYK	74, 0, 12, 29
HSL	170.6°, 58.3, 45.1	`hsl(170.6,58.3%,45.1%)`
HSV (or HSB)	170.6°, 73.6, 71.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.018, -40.155, 0.485
XYZ	24.378, 36.655, 39.507
xyY	0.242, 0.365, 36.655
CIE-LCH	67.018, 40.158, 179.308
CIE-LUV	67.018, -49.726, 6.877
Hunter-Lab	60.544, -34.079, 3.692
Binary	00110000, 10110110, 10100001

#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#b63045
```
#b63045 rgb(182,48,69)
```

Complementary Color

#30b65e
```
#30b65e rgb(48,182,94)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#3088b6
```
#3088b6 rgb(48,136,182)
```

Analogous Color

#b65e30
```
#b65e30 rgb(182,94,48)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#b63088
```
#b63088 rgb(182,48,136)
```

Split Complementary Color

#b6a130
```
#b6a130 rgb(182,161,48)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#a130b6
```
#a130b6 rgb(161,48,182)
```

Triadic Color

#45b630
```
#45b630 rgb(69,182,48)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#a130b6
```
#a130b6 rgb(161,48,182)
```
#b63045
```
#b63045 rgb(182,48,69)
```

Tetradic Color

#20796b
```
#20796b rgb(32,121,107)
```
#258e7d
```
#258e7d rgb(37,142,125)
```
#2ba28f
```
#2ba28f rgb(43,162,143)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#36cab3
```
#36cab3 rgb(54,202,179)
```
#4acfba
```
#4acfba rgb(74,207,186)
```
#5ed5c2
```
#5ed5c2 rgb(94,213,194)
```

Monochromatic Color

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

#30b680
```
#30b680 rgb(48,182,128)
```
#30b68b
```
#30b68b rgb(48,182,139)
```
#30b696
```
#30b696 rgb(48,182,150)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#30b6ac
```
#30b6ac rgb(48,182,172)
```
#30b5b6
```
#30b5b6 rgb(48,181,182)
```
#30aab6
```
#30aab6 rgb(48,170,182)
```

Similar Colors

Text with hexadecimal color #30b6a1

This text has a font color of #30b6a1.

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

#30b6a1 background color

This paragraph has a background color of #30b6a1.

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

#30b6a1 border color

This element has a border color of #30b6a1.

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

CSS codes

.text {color:#30b6a1;}

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

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

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

#030b0a
```
#030b0a rgb(3,11,10)
```
#071b18
```
#071b18 rgb(7,27,24)
```
#0b2a25
```
#0b2a25 rgb(11,42,37)
```
#0f3a33
```
#0f3a33 rgb(15,58,51)
```
#134941
```
#134941 rgb(19,73,65)
```
#17594f
```
#17594f rgb(23,89,79)
```
#1c685c
```
#1c685c rgb(28,104,92)
```
#20786a
```
#20786a rgb(32,120,106)
```
#248778
```
#248778 rgb(36,135,120)
```
#289786
```
#289786 rgb(40,151,134)
```
#2ca693
```
#2ca693 rgb(44,166,147)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#34c6af
```
#34c6af rgb(52,198,175)
```

Shade Color Variation

#40cdb7
```
#40cdb7 rgb(64,205,183)
```
#50d1bd
```
#50d1bd rgb(80,209,189)
```
#60d5c3
```
#60d5c3 rgb(96,213,195)
```
#6fd9c8
```
#6fd9c8 rgb(111,217,200)
```
#7fddce
```
#7fddce rgb(127,221,206)
```
#8ee1d4
```
#8ee1d4 rgb(142,225,212)
```
#9ee5da
```
#9ee5da rgb(158,229,218)
```
#ade9e0
```
#ade9e0 rgb(173,233,224)
```
#bdeee6
```
#bdeee6 rgb(189,238,230)
```
#ccf2ec
```
#ccf2ec rgb(204,242,236)
```
#dcf6f2
```
#dcf6f2 rgb(220,246,242)
```
#ebfaf8
```
#ebfaf8 rgb(235,250,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#6e7876
```
#6e7876 rgb(110,120,118)
```
#65817d
```
#65817d rgb(101,129,125)
```
#5c8a83
```
#5c8a83 rgb(92,138,131)
```
#539389
```
#539389 rgb(83,147,137)
```
#4b9b8f
```
#4b9b8f rgb(75,155,143)
```
#42a495
```
#42a495 rgb(66,164,149)
```
#39ad9b
```
#39ad9b rgb(57,173,155)
```
#30b6a1
```
#30b6a1 rgb(48,182,161)
```
#27bfa7
```
#27bfa7 rgb(39,191,167)
```
#1ec8ad
```
#1ec8ad rgb(30,200,173)
```
#15d1b3
```
#15d1b3 rgb(21,209,179)
```
#0dd9b9
```
#0dd9b9 rgb(13,217,185)
```
#04e2bf
```
#04e2bf rgb(4,226,191)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a9490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada79c Protanopia 1% of men
#b4a3ad Deuteranopia 1% of men
#4eb5c2 Tritanopia 0.001% of the population

Trichromacy

#7fac9e Protanomaly 1% of men, 0.01% of women
#84aaa9 Deuteranomaly 6% of men, 0.4% of women
#43b5b6 Tritanomaly 0.01% of the population

#30b6a1 hex color

#30b6a1 Color Information

#30b6a1 Color Conversion

Color Schemes with #30b6a1

Alternatives to #30b6a1

#30b6a1 Preview

Shades and Tints of #30b6a1

Tones of #30b6a1

Color Blindness Simulator