#30b8b6 hex color

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

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

● #30b8b6 color description : Moderate cyan.

The hexadecimal color #30b8b6 has RGB values of R:48, G:184, B:182 and CMYK values of C:0.74, M:0, Y:0.01, K:0.28. Its decimal value is 3193014.

Hex triplet	30b8b6	`#30b8b6`
RGB Decimal	48, 184, 182	`rgb(48,184,182)`
RGB Percent	18.8, 72.2, 71.4	`rgb(18.8%,72.2%,71.4%)`
CMYK	74, 0, 1, 28
HSL	179.1°, 58.6, 45.5	`hsl(179.1,58.6%,45.5%)`
HSV (or HSB)	179.1°, 73.9, 72.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.23, -35.187, -9.314
XYZ	26.8, 38.284, 50.231
xyY	0.232, 0.332, 38.284
CIE-LCH	68.23, 36.399, 194.826
CIE-LUV	68.23, -48.996, -8.868
Hunter-Lab	61.874, -30.964, -4.821
Binary	00110000, 10111000, 10110110

#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#b83032
```
#b83032 rgb(184,48,50)
```

Complementary Color

#30b872
```
#30b872 rgb(48,184,114)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#3076b8
```
#3076b8 rgb(48,118,184)
```

Analogous Color

#b87230
```
#b87230 rgb(184,114,48)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#b83076
```
#b83076 rgb(184,48,118)
```

Split Complementary Color

#b8b630
```
#b8b630 rgb(184,182,48)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#b630b8
```
#b630b8 rgb(182,48,184)
```

Triadic Color

#32b830
```
#32b830 rgb(50,184,48)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#b630b8
```
#b630b8 rgb(182,48,184)
```
#b83032
```
#b83032 rgb(184,48,50)
```

Tetradic Color

#207b7a
```
#207b7a rgb(32,123,122)
```
#25908e
```
#25908e rgb(37,144,142)
```
#2ba4a2
```
#2ba4a2 rgb(43,164,162)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#37cbc9
```
#37cbc9 rgb(55,203,201)
```
#4bd0ce
```
#4bd0ce rgb(75,208,206)
```
#5fd5d4
```
#5fd5d4 rgb(95,213,212)
```

Monochromatic Color

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

#30b894
```
#30b894 rgb(48,184,148)
```
#30b89f
```
#30b89f rgb(48,184,159)
```
#30b8ab
```
#30b8ab rgb(48,184,171)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#30afb8
```
#30afb8 rgb(48,175,184)
```
#30a3b8
```
#30a3b8 rgb(48,163,184)
```
#3098b8
```
#3098b8 rgb(48,152,184)
```

Similar Colors

Text with hexadecimal color #30b8b6

This text has a font color of #30b8b6.

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

#30b8b6 background color

This paragraph has a background color of #30b8b6.

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

#30b8b6 border color

This element has a border color of #30b8b6.

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

CSS codes

.text {color:#30b8b6;}

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

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

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

#030d0d
```
#030d0d rgb(3,13,13)
```
#071c1c
```
#071c1c rgb(7,28,28)
```
#0b2c2c
```
#0b2c2c rgb(11,44,44)
```
#103c3b
```
#103c3b rgb(16,60,59)
```
#144b4a
```
#144b4a rgb(20,75,74)
```
#185b5a
```
#185b5a rgb(24,91,90)
```
#1c6a69
```
#1c6a69 rgb(28,106,105)
```
#207a78
```
#207a78 rgb(32,122,120)
```
#248988
```
#248988 rgb(36,137,136)
```
#289997
```
#289997 rgb(40,153,151)
```
#2ca8a7
```
#2ca8a7 rgb(44,168,167)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#34c8c5
```
#34c8c5 rgb(52,200,197)
```

Shade Color Variation

#42cecc
```
#42cecc rgb(66,206,204)
```
#51d2d0
```
#51d2d0 rgb(81,210,208)
```
#61d6d4
```
#61d6d4 rgb(97,214,212)
```
#70dad8
```
#70dad8 rgb(112,218,216)
```
#80dedc
```
#80dedc rgb(128,222,220)
```
#8fe2e1
```
#8fe2e1 rgb(143,226,225)
```
#9fe6e5
```
#9fe6e5 rgb(159,230,229)
```
#afeae9
```
#afeae9 rgb(175,234,233)
```
#beeeed
```
#beeeed rgb(190,238,237)
```
#cef2f2
```
#cef2f2 rgb(206,242,242)
```
#ddf6f6
```
#ddf6f6 rgb(221,246,246)
```
#edfafa
```
#edfafa rgb(237,250,250)
```
#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 #03e5e1 is the most saturated one.

#6e7a79
```
#6e7a79 rgb(110,122,121)
```
#668282
```
#668282 rgb(102,130,130)
```
#5d8b8b
```
#5d8b8b rgb(93,139,139)
```
#549493
```
#549493 rgb(84,148,147)
```
#4b9d9c
```
#4b9d9c rgb(75,157,156)
```
#42a6a5
```
#42a6a5 rgb(66,166,165)
```
#39afad
```
#39afad rgb(57,175,173)
```
#30b8b6
```
#30b8b6 rgb(48,184,182)
```
#27c1bf
```
#27c1bf rgb(39,193,191)
```
#1ecac7
```
#1ecac7 rgb(30,202,199)
```
#15d3d0
```
#15d3d0 rgb(21,211,208)
```
#0cdcd9
```
#0cdcd9 rgb(12,220,217)
```
#03e5e1
```
#03e5e1 rgb(3,229,225)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c9797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaaaf Protanopia 1% of men
#afa6c1 Deuteranopia 1% of men
#45b9c7 Tritanopia 0.001% of the population

Trichromacy

#7fafb2 Protanomaly 1% of men, 0.01% of women
#81adbd Deuteranomaly 6% of men, 0.4% of women
#3db8c0 Tritanomaly 0.01% of the population

#30b8b6 hex color

#30b8b6 Color Information

#30b8b6 Color Conversion

Color Schemes with #30b8b6

Alternatives to #30b8b6

#30b8b6 Preview

Shades and Tints of #30b8b6

Tones of #30b8b6

Color Blindness Simulator