#30b1aa hex color

In a RGB color space, hex #30b1aa is composed of 18.8% red, 69.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 0% magenta, 4% yellow and 30.6% black. It has a hue angle of 176.7 degrees, a saturation of 57.3% and a lightness of 44.1%. #30b1aa color hex could be obtained by blending #60ffff with #006355. Closest websafe color is: #339999.

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

● #30b1aa color description : Dark cyan.

The hexadecimal color #30b1aa has RGB values of R:48, G:177, B:170 and CMYK values of C:0.73, M:0, Y:0.04, K:0.31. Its decimal value is 3191210.

Hex triplet	30b1aa	`#30b1aa`
RGB Decimal	48, 177, 170	`rgb(48,177,170)`
RGB Percent	18.8, 69.4, 66.7	`rgb(18.8%,69.4%,66.7%)`
CMYK	73, 0, 4, 31
HSL	176.7°, 57.3, 44.1	`hsl(176.7,57.3%,44.1%)`
HSV (or HSB)	176.7°, 72.9, 69.4
Web Safe	339999	`#339999`

CIE-LAB	65.727, -35.392, -6.396
XYZ	24.194, 34.973, 43.503
xyY	0.236, 0.341, 34.973
CIE-LCH	65.727, 35.966, 190.243
CIE-LUV	65.727, -47.313, -4.257
Hunter-Lab	59.138, -30.463, -2.219
Binary	00110000, 10110001, 10101010

#30b1aa
```
#30b1aa rgb(48,177,170)
```
#b13037
```
#b13037 rgb(177,48,55)
```

Complementary Color

#30b16a
```
#30b16a rgb(48,177,106)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#3078b1
```
#3078b1 rgb(48,120,177)
```

Analogous Color

#b16a30
```
#b16a30 rgb(177,106,48)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#b13078
```
#b13078 rgb(177,48,120)
```

Split Complementary Color

#b1aa30
```
#b1aa30 rgb(177,170,48)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#aa30b1
```
#aa30b1 rgb(170,48,177)
```

Triadic Color

#37b130
```
#37b130 rgb(55,177,48)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#aa30b1
```
#aa30b1 rgb(170,48,177)
```
#b13037
```
#b13037 rgb(177,48,55)
```

Tetradic Color

#207570
```
#207570 rgb(32,117,112)
```
#258983
```
#258983 rgb(37,137,131)
```
#2b9d97
```
#2b9d97 rgb(43,157,151)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#35c5bd
```
#35c5bd rgb(53,197,189)
```
#47cdc6
```
#47cdc6 rgb(71,205,198)
```
#5bd3cc
```
#5bd3cc rgb(91,211,204)
```

Monochromatic Color

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

#30b18a
```
#30b18a rgb(48,177,138)
```
#30b195
```
#30b195 rgb(48,177,149)
```
#30b19f
```
#30b19f rgb(48,177,159)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#30adb1
```
#30adb1 rgb(48,173,177)
```
#30a3b1
```
#30a3b1 rgb(48,163,177)
```
#3098b1
```
#3098b1 rgb(48,152,177)
```

Similar Colors

Text with hexadecimal color #30b1aa

This text has a font color of #30b1aa.

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

#30b1aa background color

This paragraph has a background color of #30b1aa.

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

#30b1aa border color

This element has a border color of #30b1aa.

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

CSS codes

.text {color:#30b1aa;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061716
```
#061716 rgb(6,23,22)
```
#0a2625
```
#0a2625 rgb(10,38,37)
```
#0f3633
```
#0f3633 rgb(15,54,51)
```
#134542
```
#134542 rgb(19,69,66)
```
#175451
```
#175451 rgb(23,84,81)
```
#1b6460
```
#1b6460 rgb(27,100,96)
```
#1f736f
```
#1f736f rgb(31,115,111)
```
#23837e
```
#23837e rgb(35,131,126)
```
#28928c
```
#28928c rgb(40,146,140)
```
#2ca29b
```
#2ca29b rgb(44,162,155)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#34c0b9
```
#34c0b9 rgb(52,192,185)
```

Shade Color Variation

#3ecbc3
```
#3ecbc3 rgb(62,203,195)
```
#4dcfc8
```
#4dcfc8 rgb(77,207,200)
```
#5dd3cd
```
#5dd3cd rgb(93,211,205)
```
#6cd7d1
```
#6cd7d1 rgb(108,215,209)
```
#7bdbd6
```
#7bdbd6 rgb(123,219,214)
```
#8bdfdb
```
#8bdfdb rgb(139,223,219)
```
#9ae4e0
```
#9ae4e0 rgb(154,228,224)
```
#aae8e4
```
#aae8e4 rgb(170,232,228)
```
#b9ece9
```
#b9ece9 rgb(185,236,233)
```
#c9f0ee
```
#c9f0ee rgb(201,240,238)
```
#d8f4f3
```
#d8f4f3 rgb(216,244,243)
```
#e7f9f8
```
#e7f9f8 rgb(231,249,248)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#6d7474
```
#6d7474 rgb(109,116,116)
```
#647d7c
```
#647d7c rgb(100,125,124)
```
#5b8683
```
#5b8683 rgb(91,134,131)
```
#538e8b
```
#538e8b rgb(83,142,139)
```
#4a9793
```
#4a9793 rgb(74,151,147)
```
#41a09b
```
#41a09b rgb(65,160,155)
```
#39a8a2
```
#39a8a2 rgb(57,168,162)
```
#30b1aa
```
#30b1aa rgb(48,177,170)
```
#27bab2
```
#27bab2 rgb(39,186,178)
```
#1fc2b9
```
#1fc2b9 rgb(31,194,185)
```
#16cbc1
```
#16cbc1 rgb(22,203,193)
```
#0dd4c9
```
#0dd4c9 rgb(13,212,201)
```
#05dcd1
```
#05dcd1 rgb(5,220,209)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a3a5 Protanopia 1% of men
#aba0b5 Deuteranopia 1% of men
#47b2bf Tritanopia 0.001% of the population

Trichromacy

#7ba8a6 Protanomaly 1% of men, 0.01% of women
#7ea6b1 Deuteranomaly 6% of men, 0.4% of women
#3eb1b7 Tritanomaly 0.01% of the population

#30b1aa hex color

#30b1aa Color Information

#30b1aa Color Conversion

Color Schemes with #30b1aa

Alternatives to #30b1aa

#30b1aa Preview

Shades and Tints of #30b1aa

Tones of #30b1aa

Color Blindness Simulator