#30dab8 hex color

In a RGB color space, hex #30dab8 is composed of 18.8% red, 85.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 0% magenta, 15.6% yellow and 14.5% black. It has a hue angle of 168 degrees, a saturation of 69.7% and a lightness of 52.2%. #30dab8 color hex could be obtained by blending #60ffff with #00b571. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 85
- B 72
RGB color chart
- C 78
- M 0
- Y 16
- K 15
CMYK color chart

● #30dab8 color description : Bright cyan.

The hexadecimal color #30dab8 has RGB values of R:48, G:218, B:184 and CMYK values of C:0.78, M:0, Y:0.16, K:0.15. Its decimal value is 3201720.

Hex triplet	30dab8	`#30dab8`
RGB Decimal	48, 218, 184	`rgb(48,218,184)`
RGB Percent	18.8, 85.5, 72.2	`rgb(18.8%,85.5%,72.2%)`
CMYK	78, 0, 16, 15
HSL	168°, 69.7, 52.2	`hsl(168,69.7%,52.2%)`
HSV (or HSB)	168°, 78, 85.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.595, -49.562, 4.813
XYZ	34.939, 54.228, 53.97
xyY	0.244, 0.379, 54.228
CIE-LCH	78.595, 49.795, 174.453
CIE-LUV	78.595, -60.799, 15.076
Hunter-Lab	73.64, -44.179, 8.095
Binary	00110000, 11011010, 10111000

#30dab8
```
#30dab8 rgb(48,218,184)
```
#da3052
```
#da3052 rgb(218,48,82)
```

Complementary Color

#30da63
```
#30da63 rgb(48,218,99)
```
#30dab8
```
#30dab8 rgb(48,218,184)
```
#30a7da
```
#30a7da rgb(48,167,218)
```

Analogous Color

#da6330
```
#da6330 rgb(218,99,48)
```
#30dab8
```
#30dab8 rgb(48,218,184)
```
#da30a7
```
#da30a7 rgb(218,48,167)
```

Split Complementary Color

#dab830
```
#dab830 rgb(218,184,48)
```
#30dab8
```
#30dab8 rgb(48,218,184)
```
#b830da
```
#b830da rgb(184,48,218)
```

Triadic Color

#52da30
```
#52da30 rgb(82,218,48)
```
#30dab8
```
#30dab8 rgb(48,218,184)
```
#b830da
```
#b830da rgb(184,48,218)
```
#da3052
```
#da3052 rgb(218,48,82)
```

Tetradic Color

#1da186
```
#1da186 rgb(29,161,134)
```
#21b698
```
#21b698 rgb(33,182,152)
```
#24ccab
```
#24ccab rgb(36,204,171)
```
#30dab8
```
#30dab8 rgb(48,218,184)
```
#46debf
```
#46debf rgb(70,222,191)
```
#5be2c7
```
#5be2c7 rgb(91,226,199)
```
#71e6ce
```
#71e6ce rgb(113,230,206)
```

Monochromatic Color

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

#30da8e
```
#30da8e rgb(48,218,142)
```
#30da9c
```
#30da9c rgb(48,218,156)
```
#30daaa
```
#30daaa rgb(48,218,170)
```
#30dab8
```
#30dab8 rgb(48,218,184)
```
#30dac6
```
#30dac6 rgb(48,218,198)
```
#30dad4
```
#30dad4 rgb(48,218,212)
```
#30d2da
```
#30d2da rgb(48,210,218)
```

Similar Colors

Text with hexadecimal color #30dab8

This text has a font color of #30dab8.

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

#30dab8 background color

This paragraph has a background color of #30dab8.

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

#30dab8 border color

This element has a border color of #30dab8.

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

CSS codes

.text {color:#30dab8;}

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

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

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

#020908
```
#020908 rgb(2,9,8)
```
#051a16
```
#051a16 rgb(5,26,22)
```
#082b24
```
#082b24 rgb(8,43,36)
```
#0b3b32
```
#0b3b32 rgb(11,59,50)
```
#0e4c3f
```
#0e4c3f rgb(14,76,63)
```
#115d4d
```
#115d4d rgb(17,93,77)
```
#146d5b
```
#146d5b rgb(20,109,91)
```
#167e69
```
#167e69 rgb(22,126,105)
```
#198e77
```
#198e77 rgb(25,142,119)
```
#1c9f85
```
#1c9f85 rgb(28,159,133)
```
#1fb093
```
#1fb093 rgb(31,176,147)
```
#22c0a1
```
#22c0a1 rgb(34,192,161)
```
#25d1af
```
#25d1af rgb(37,209,175)
```

Shade Color Variation

#30dab8
```
#30dab8 rgb(48,218,184)
```
#41ddbe
```
#41ddbe rgb(65,221,190)
```
#51e0c3
```
#51e0c3 rgb(81,224,195)
```
#62e3c9
```
#62e3c9 rgb(98,227,201)
```
#73e6cf
```
#73e6cf rgb(115,230,207)
```
#83e9d5
```
#83e9d5 rgb(131,233,213)
```
#94ecda
```
#94ecda rgb(148,236,218)
```
#a4efe0
```
#a4efe0 rgb(164,239,224)
```
#b5f2e6
```
#b5f2e6 rgb(181,242,230)
```
#c6f5eb
```
#c6f5eb rgb(198,245,235)
```
#d6f8f1
```
#d6f8f1 rgb(214,248,241)
```
#e7fbf7
```
#e7fbf7 rgb(231,251,247)
```
#f8fefc
```
#f8fefc rgb(248,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848685 is the less saturated color, while #14f6c9 is the most saturated one.

#848685
```
#848685 rgb(132,134,133)
```
#7b8f8b
```
#7b8f8b rgb(123,143,139)
```
#729891
```
#729891 rgb(114,152,145)
```
#68a296
```
#68a296 rgb(104,162,150)
```
#5fab9c
```
#5fab9c rgb(95,171,156)
```
#56b4a1
```
#56b4a1 rgb(86,180,161)
```
#4cbea7
```
#4cbea7 rgb(76,190,167)
```
#43c7ad
```
#43c7ad rgb(67,199,173)
```
#39d1b2
```
#39d1b2 rgb(57,209,178)
```
#30dab8
```
#30dab8 rgb(48,218,184)
```
#27e3be
```
#27e3be rgb(39,227,190)
```
#1dedc3
```
#1dedc3 rgb(29,237,195)
```
#14f6c9
```
#14f6c9 rgb(20,246,201)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8caea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec4b0 Protanopia 1% of men
#d7bfc5 Deuteranopia 1% of men
#59d5e5 Tritanopia 0.001% of the population

Trichromacy

#94ccb3 Protanomaly 1% of men, 0.01% of women
#9ac9c0 Deuteranomaly 6% of men, 0.4% of women
#4ad7d4 Tritanomaly 0.01% of the population

#30dab8 hex color

#30dab8 Color Information

#30dab8 Color Conversion

Color Schemes with #30dab8

Alternatives to #30dab8

#30dab8 Preview

Shades and Tints of #30dab8

Tones of #30dab8

Color Blindness Simulator