#30da9f hex color

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

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

● #30da9f color description : Bright cyan - lime green.

The hexadecimal color #30da9f has RGB values of R:48, G:218, B:159 and CMYK values of C:0.78, M:0, Y:0.27, K:0.15. Its decimal value is 3201695.

Hex triplet	30da9f	`#30da9f`
RGB Decimal	48, 218, 159	`rgb(48,218,159)`
RGB Percent	18.8, 85.5, 62.4	`rgb(18.8%,85.5%,62.4%)`
CMYK	78, 0, 27, 15
HSL	159.2°, 69.7, 52.2	`hsl(159.2,69.7%,52.2%)`
HSV (or HSB)	159.2°, 78, 85.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.035, -55.521, 17.277
XYZ	32.546, 53.271, 41.366
xyY	0.256, 0.419, 53.271
CIE-LCH	78.035, 58.147, 162.715
CIE-LUV	78.035, -62.515, 33.803
Hunter-Lab	72.987, -48.132, 17.488
Binary	00110000, 11011010, 10011111

#30da9f
```
#30da9f rgb(48,218,159)
```
#da306b
```
#da306b rgb(218,48,107)
```

Complementary Color

#30da4a
```
#30da4a rgb(48,218,74)
```
#30da9f
```
#30da9f rgb(48,218,159)
```
#30c0da
```
#30c0da rgb(48,192,218)
```

Analogous Color

#da4a30
```
#da4a30 rgb(218,74,48)
```
#30da9f
```
#30da9f rgb(48,218,159)
```
#da30c0
```
#da30c0 rgb(218,48,192)
```

Split Complementary Color

#da9f30
```
#da9f30 rgb(218,159,48)
```
#30da9f
```
#30da9f rgb(48,218,159)
```
#9f30da
```
#9f30da rgb(159,48,218)
```

Triadic Color

#6bda30
```
#6bda30 rgb(107,218,48)
```
#30da9f
```
#30da9f rgb(48,218,159)
```
#9f30da
```
#9f30da rgb(159,48,218)
```
#da306b
```
#da306b rgb(218,48,107)
```

Tetradic Color

#1da173
```
#1da173 rgb(29,161,115)
```
#21b682
```
#21b682 rgb(33,182,130)
```
#24cc92
```
#24cc92 rgb(36,204,146)
```
#30da9f
```
#30da9f rgb(48,218,159)
```
#46dea9
```
#46dea9 rgb(70,222,169)
```
#5be2b3
```
#5be2b3 rgb(91,226,179)
```
#71e6bd
```
#71e6bd rgb(113,230,189)
```

Monochromatic Color

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

#30da75
```
#30da75 rgb(48,218,117)
```
#30da83
```
#30da83 rgb(48,218,131)
```
#30da91
```
#30da91 rgb(48,218,145)
```
#30da9f
```
#30da9f rgb(48,218,159)
```
#30daad
```
#30daad rgb(48,218,173)
```
#30dabb
```
#30dabb rgb(48,218,187)
```
#30daca
```
#30daca rgb(48,218,202)
```

Similar Colors

Text with hexadecimal color #30da9f

This text has a font color of #30da9f.

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

#30da9f background color

This paragraph has a background color of #30da9f.

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

#30da9f border color

This element has a border color of #30da9f.

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

CSS codes

.text {color:#30da9f;}

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

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

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

#020907
```
#020907 rgb(2,9,7)
```
#051a13
```
#051a13 rgb(5,26,19)
```
#082b1e
```
#082b1e rgb(8,43,30)
```
#0b3b2a
```
#0b3b2a rgb(11,59,42)
```
#0e4c36
```
#0e4c36 rgb(14,76,54)
```
#115d42
```
#115d42 rgb(17,93,66)
```
#146d4e
```
#146d4e rgb(20,109,78)
```
#167e5a
```
#167e5a rgb(22,126,90)
```
#198e66
```
#198e66 rgb(25,142,102)
```
#1c9f72
```
#1c9f72 rgb(28,159,114)
```
#1fb07e
```
#1fb07e rgb(31,176,126)
```
#22c08a
```
#22c08a rgb(34,192,138)
```
#25d195
```
#25d195 rgb(37,209,149)
```

Shade Color Variation

#30da9f
```
#30da9f rgb(48,218,159)
```
#41dda7
```
#41dda7 rgb(65,221,167)
```
#51e0ae
```
#51e0ae rgb(81,224,174)
```
#62e3b6
```
#62e3b6 rgb(98,227,182)
```
#73e6be
```
#73e6be rgb(115,230,190)
```
#83e9c6
```
#83e9c6 rgb(131,233,198)
```
#94eccd
```
#94eccd rgb(148,236,205)
```
#a4efd5
```
#a4efd5 rgb(164,239,213)
```
#b5f2dd
```
#b5f2dd rgb(181,242,221)
```
#c6f5e4
```
#c6f5e4 rgb(198,245,228)
```
#d6f8ec
```
#d6f8ec rgb(214,248,236)
```
#e7fbf4
```
#e7fbf4 rgb(231,251,244)
```
#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 #14f6a8 is the most saturated one.

#848685
```
#848685 rgb(132,134,133)
```
#7b8f88
```
#7b8f88 rgb(123,143,136)
```
#72988b
```
#72988b rgb(114,152,139)
```
#68a28e
```
#68a28e rgb(104,162,142)
```
#5fab91
```
#5fab91 rgb(95,171,145)
```
#56b494
```
#56b494 rgb(86,180,148)
```
#4cbe96
```
#4cbe96 rgb(76,190,150)
```
#43c799
```
#43c799 rgb(67,199,153)
```
#39d19c
```
#39d19c rgb(57,209,156)
```
#30da9f
```
#30da9f rgb(48,218,159)
```
#27e3a2
```
#27e3a2 rgb(39,227,162)
```
#1deda5
```
#1deda5 rgb(29,237,165)
```
#14f6a8
```
#14f6a8 rgb(20,246,168)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8aaca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c399 Protanopia 1% of men
#debdae Deuteranopia 1% of men
#62d3e2 Tritanopia 0.001% of the population

Trichromacy

#96cb9b Protanomaly 1% of men, 0.01% of women
#9ec7a8 Deuteranomaly 6% of men, 0.4% of women
#50d5ca Tritanomaly 0.01% of the population

#30da9f hex color

#30da9f Color Information

#30da9f Color Conversion

Color Schemes with #30da9f

Alternatives to #30da9f

#30da9f Preview

Shades and Tints of #30da9f

Tones of #30da9f

Color Blindness Simulator