#30b8b0 hex color

In a RGB color space, hex #30b8b0 is composed of 18.8% red, 72.2% green and 69% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 4.3% yellow and 27.8% black. It has a hue angle of 176.5 degrees, a saturation of 58.6% and a lightness of 45.5%. #30b8b0 color hex could be obtained by blending #60ffff with #007161. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 72
- B 69
RGB color chart
- C 74
- M 0
- Y 4
- K 28
CMYK color chart

● #30b8b0 color description : Moderate cyan.

The hexadecimal color #30b8b0 has RGB values of R:48, G:184, B:176 and CMYK values of C:0.74, M:0, Y:0.04, K:0.28. Its decimal value is 3193008.

Hex triplet	30b8b0	`#30b8b0`
RGB Decimal	48, 184, 176	`rgb(48,184,176)`
RGB Percent	18.8, 72.2, 69	`rgb(18.8%,72.2%,69%)`
CMYK	74, 0, 4, 28
HSL	176.5°, 58.6, 45.5	`hsl(176.5,58.6%,45.5%)`
HSV (or HSB)	176.5°, 73.9, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.051, -36.912, -6.271
XYZ	26.193, 38.041, 47.034
xyY	0.235, 0.342, 38.041
CIE-LCH	68.051, 37.441, 189.642
CIE-LUV	68.051, -49.413, -3.861
Hunter-Lab	61.678, -32.131, -2.039
Binary	00110000, 10111000, 10110000

#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#b83038
```
#b83038 rgb(184,48,56)
```

Complementary Color

#30b86c
```
#30b86c rgb(48,184,108)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#307cb8
```
#307cb8 rgb(48,124,184)
```

Analogous Color

#b86c30
```
#b86c30 rgb(184,108,48)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#b8307c
```
#b8307c rgb(184,48,124)
```

Split Complementary Color

#b8b030
```
#b8b030 rgb(184,176,48)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#b030b8
```
#b030b8 rgb(176,48,184)
```

Triadic Color

#38b830
```
#38b830 rgb(56,184,48)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#b030b8
```
#b030b8 rgb(176,48,184)
```
#b83038
```
#b83038 rgb(184,48,56)
```

Tetradic Color

#207b76
```
#207b76 rgb(32,123,118)
```
#259089
```
#259089 rgb(37,144,137)
```
#2ba49d
```
#2ba49d rgb(43,164,157)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#37cbc2
```
#37cbc2 rgb(55,203,194)
```
#4bd0c8
```
#4bd0c8 rgb(75,208,200)
```
#5fd5ce
```
#5fd5ce rgb(95,213,206)
```

Monochromatic Color

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

#30b88e
```
#30b88e rgb(48,184,142)
```
#30b899
```
#30b899 rgb(48,184,153)
```
#30b8a5
```
#30b8a5 rgb(48,184,165)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#30b5b8
```
#30b5b8 rgb(48,181,184)
```
#30a9b8
```
#30a9b8 rgb(48,169,184)
```
#309eb8
```
#309eb8 rgb(48,158,184)
```

Similar Colors

Text with hexadecimal color #30b8b0

This text has a font color of #30b8b0.

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

#30b8b0 background color

This paragraph has a background color of #30b8b0.

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

#30b8b0 border color

This element has a border color of #30b8b0.

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

CSS codes

.text {color:#30b8b0;}

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

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

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

#030d0c
```
#030d0c rgb(3,13,12)
```
#071c1b
```
#071c1b rgb(7,28,27)
```
#0b2c2a
```
#0b2c2a rgb(11,44,42)
```
#103c39
```
#103c39 rgb(16,60,57)
```
#144b48
```
#144b48 rgb(20,75,72)
```
#185b57
```
#185b57 rgb(24,91,87)
```
#1c6a66
```
#1c6a66 rgb(28,106,102)
```
#207a74
```
#207a74 rgb(32,122,116)
```
#248983
```
#248983 rgb(36,137,131)
```
#289992
```
#289992 rgb(40,153,146)
```
#2ca8a1
```
#2ca8a1 rgb(44,168,161)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#34c8bf
```
#34c8bf rgb(52,200,191)
```

Shade Color Variation

#42cec5
```
#42cec5 rgb(66,206,197)
```
#51d2ca
```
#51d2ca rgb(81,210,202)
```
#61d6cf
```
#61d6cf rgb(97,214,207)
```
#70dad4
```
#70dad4 rgb(112,218,212)
```
#80ded8
```
#80ded8 rgb(128,222,216)
```
#8fe2dd
```
#8fe2dd rgb(143,226,221)
```
#9fe6e2
```
#9fe6e2 rgb(159,230,226)
```
#afeae7
```
#afeae7 rgb(175,234,231)
```
#beeeeb
```
#beeeeb rgb(190,238,235)
```
#cef2f0
```
#cef2f0 rgb(206,242,240)
```
#ddf6f5
```
#ddf6f5 rgb(221,246,245)
```
#edfaf9
```
#edfaf9 rgb(237,250,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#6e7a79
```
#6e7a79 rgb(110,122,121)
```
#668281
```
#668281 rgb(102,130,129)
```
#5d8b89
```
#5d8b89 rgb(93,139,137)
```
#549491
```
#549491 rgb(84,148,145)
```
#4b9d98
```
#4b9d98 rgb(75,157,152)
```
#42a6a0
```
#42a6a0 rgb(66,166,160)
```
#39afa8
```
#39afa8 rgb(57,175,168)
```
#30b8b0
```
#30b8b0 rgb(48,184,176)
```
#27c1b8
```
#27c1b8 rgb(39,193,184)
```
#1ecac0
```
#1ecac0 rgb(30,202,192)
```
#15d3c8
```
#15d3c8 rgb(21,211,200)
```
#0cdccf
```
#0cdccf rgb(12,220,207)
```
#03e5d7
```
#03e5d7 rgb(3,229,215)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7b9695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada9aa Protanopia 1% of men
#b1a6bb Deuteranopia 1% of men
#48b8c6 Tritanopia 0.001% of the population

Trichromacy

#7faeac Protanomaly 1% of men, 0.01% of women
#82acb7 Deuteranomaly 6% of men, 0.4% of women
#3fb8be Tritanomaly 0.01% of the population

#30b8b0 hex color

#30b8b0 Color Information

#30b8b0 Color Conversion

Color Schemes with #30b8b0

Alternatives to #30b8b0

#30b8b0 Preview

Shades and Tints of #30b8b0

Tones of #30b8b0

Color Blindness Simulator