#30dabd hex color

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

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

● #30dabd color description : Bright cyan.

The hexadecimal color #30dabd has RGB values of R:48, G:218, B:189 and CMYK values of C:0.78, M:0, Y:0.13, K:0.15. Its decimal value is 3201725.

Hex triplet	30dabd	`#30dabd`
RGB Decimal	48, 218, 189	`rgb(48,218,189)`
RGB Percent	18.8, 85.5, 74.1	`rgb(18.8%,85.5%,74.1%)`
CMYK	78, 0, 13, 15
HSL	169.8°, 69.7, 52.2	`hsl(169.8,69.7%,52.2%)`
HSV (or HSB)	169.8°, 78, 85.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.719, -48.283, 2.327
XYZ	35.472, 54.442, 56.78
xyY	0.242, 0.371, 54.442
CIE-LCH	78.719, 48.339, 177.241
CIE-LUV	78.719, -60.443, 11.14
Hunter-Lab	73.785, -43.308, 6.023
Binary	00110000, 11011010, 10111101

#30dabd
```
#30dabd rgb(48,218,189)
```
#da304d
```
#da304d rgb(218,48,77)
```

Complementary Color

#30da68
```
#30da68 rgb(48,218,104)
```
#30dabd
```
#30dabd rgb(48,218,189)
```
#30a2da
```
#30a2da rgb(48,162,218)
```

Analogous Color

#da6830
```
#da6830 rgb(218,104,48)
```
#30dabd
```
#30dabd rgb(48,218,189)
```
#da30a2
```
#da30a2 rgb(218,48,162)
```

Split Complementary Color

#dabd30
```
#dabd30 rgb(218,189,48)
```
#30dabd
```
#30dabd rgb(48,218,189)
```
#bd30da
```
#bd30da rgb(189,48,218)
```

Triadic Color

#4dda30
```
#4dda30 rgb(77,218,48)
```
#30dabd
```
#30dabd rgb(48,218,189)
```
#bd30da
```
#bd30da rgb(189,48,218)
```
#da304d
```
#da304d rgb(218,48,77)
```

Tetradic Color

#1da18a
```
#1da18a rgb(29,161,138)
```
#21b69d
```
#21b69d rgb(33,182,157)
```
#24ccaf
```
#24ccaf rgb(36,204,175)
```
#30dabd
```
#30dabd rgb(48,218,189)
```
#46dec4
```
#46dec4 rgb(70,222,196)
```
#5be2cb
```
#5be2cb rgb(91,226,203)
```
#71e6d2
```
#71e6d2 rgb(113,230,210)
```

Monochromatic Color

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

#30da93
```
#30da93 rgb(48,218,147)
```
#30daa1
```
#30daa1 rgb(48,218,161)
```
#30daaf
```
#30daaf rgb(48,218,175)
```
#30dabd
```
#30dabd rgb(48,218,189)
```
#30dacb
```
#30dacb rgb(48,218,203)
```
#30dad9
```
#30dad9 rgb(48,218,217)
```
#30cdda
```
#30cdda rgb(48,205,218)
```

Similar Colors

Text with hexadecimal color #30dabd

This text has a font color of #30dabd.

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

#30dabd background color

This paragraph has a background color of #30dabd.

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

#30dabd border color

This element has a border color of #30dabd.

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

CSS codes

.text {color:#30dabd;}

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

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

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 #f8fefd is the lightest one.

#020908
```
#020908 rgb(2,9,8)
```
#051a16
```
#051a16 rgb(5,26,22)
```
#082b25
```
#082b25 rgb(8,43,37)
```
#0b3b33
```
#0b3b33 rgb(11,59,51)
```
#0e4c41
```
#0e4c41 rgb(14,76,65)
```
#115d50
```
#115d50 rgb(17,93,80)
```
#146d5e
```
#146d5e rgb(20,109,94)
```
#167e6c
```
#167e6c rgb(22,126,108)
```
#198e7b
```
#198e7b rgb(25,142,123)
```
#1c9f89
```
#1c9f89 rgb(28,159,137)
```
#1fb097
```
#1fb097 rgb(31,176,151)
```
#22c0a5
```
#22c0a5 rgb(34,192,165)
```
#25d1b4
```
#25d1b4 rgb(37,209,180)
```

Shade Color Variation

#30dabd
```
#30dabd rgb(48,218,189)
```
#41ddc2
```
#41ddc2 rgb(65,221,194)
```
#51e0c8
```
#51e0c8 rgb(81,224,200)
```
#62e3cd
```
#62e3cd rgb(98,227,205)
```
#73e6d2
```
#73e6d2 rgb(115,230,210)
```
#83e9d8
```
#83e9d8 rgb(131,233,216)
```
#94ecdd
```
#94ecdd rgb(148,236,221)
```
#a4efe2
```
#a4efe2 rgb(164,239,226)
```
#b5f2e7
```
#b5f2e7 rgb(181,242,231)
```
#c6f5ed
```
#c6f5ed rgb(198,245,237)
```
#d6f8f2
```
#d6f8f2 rgb(214,248,242)
```
#e7fbf7
```
#e7fbf7 rgb(231,251,247)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#848685
```
#848685 rgb(132,134,133)
```
#7b8f8c
```
#7b8f8c rgb(123,143,140)
```
#729892
```
#729892 rgb(114,152,146)
```
#68a298
```
#68a298 rgb(104,162,152)
```
#5fab9e
```
#5fab9e rgb(95,171,158)
```
#56b4a4
```
#56b4a4 rgb(86,180,164)
```
#4cbeaa
```
#4cbeaa rgb(76,190,170)
```
#43c7b1
```
#43c7b1 rgb(67,199,177)
```
#39d1b7
```
#39d1b7 rgb(57,209,183)
```
#30dabd
```
#30dabd rgb(48,218,189)
```
#27e3c3
```
#27e3c3 rgb(39,227,195)
```
#1dedc9
```
#1dedc9 rgb(29,237,201)
```
#14f6d0
```
#14f6d0 rgb(20,246,208)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8dafa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc5b5 Protanopia 1% of men
#d6c0ca Deuteranopia 1% of men
#57d6e6 Tritanopia 0.001% of the population

Trichromacy

#94ccb7 Protanomaly 1% of men, 0.01% of women
#99c9c5 Deuteranomaly 6% of men, 0.4% of women
#49d7d7 Tritanomaly 0.01% of the population

#30dabd hex color

#30dabd Color Information

#30dabd Color Conversion

Color Schemes with #30dabd

Alternatives to #30dabd

#30dabd Preview

Shades and Tints of #30dabd

Tones of #30dabd

Color Blindness Simulator