#30d8a9 hex color

In a RGB color space, hex #30d8a9 is composed of 18.8% red, 84.7% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 21.8% yellow and 15.3% black. It has a hue angle of 163.2 degrees, a saturation of 68.3% and a lightness of 51.8%. #30d8a9 color hex could be obtained by blending #60ffff with #00b153. Closest websafe color is: #33cc99.

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

● #30d8a9 color description : Strong cyan - lime green.

The hexadecimal color #30d8a9 has RGB values of R:48, G:216, B:169 and CMYK values of C:0.78, M:0, Y:0.22, K:0.15. Its decimal value is 3201193.

Hex triplet	30d8a9	`#30d8a9`
RGB Decimal	48, 216, 169	`rgb(48,216,169)`
RGB Percent	18.8, 84.7, 66.3	`rgb(18.8%,84.7%,66.3%)`
CMYK	78, 0, 22, 15
HSL	163.2°, 68.3, 51.8	`hsl(163.2,68.3%,51.8%)`
HSV (or HSB)	163.2°, 77.8, 84.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.639, -52.432, 11.429
XYZ	32.933, 52.601, 45.951
xyY	0.25, 0.4, 52.601
CIE-LCH	77.639, 53.663, 167.703
CIE-LUV	77.639, -61.154, 25.132
Hunter-Lab	72.527, -45.868, 13.204
Binary	00110000, 11011000, 10101001

#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#d8305f
```
#d8305f rgb(216,48,95)
```

Complementary Color

#30d855
```
#30d855 rgb(48,216,85)
```
#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#30b3d8
```
#30b3d8 rgb(48,179,216)
```

Analogous Color

#d85530
```
#d85530 rgb(216,85,48)
```
#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#d830b3
```
#d830b3 rgb(216,48,179)
```

Split Complementary Color

#d8a930
```
#d8a930 rgb(216,169,48)
```
#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#a930d8
```
#a930d8 rgb(169,48,216)
```

Triadic Color

#5fd830
```
#5fd830 rgb(95,216,48)
```
#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#a930d8
```
#a930d8 rgb(169,48,216)
```
#d8305f
```
#d8305f rgb(216,48,95)
```

Tetradic Color

#1e9e7a
```
#1e9e7a rgb(30,158,122)
```
#22b38b
```
#22b38b rgb(34,179,139)
```
#26c99b
```
#26c99b rgb(38,201,155)
```
#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#45dcb2
```
#45dcb2 rgb(69,220,178)
```
#5be0bb
```
#5be0bb rgb(91,224,187)
```
#70e4c4
```
#70e4c4 rgb(112,228,196)
```

Monochromatic Color

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

#30d87f
```
#30d87f rgb(48,216,127)
```
#30d88d
```
#30d88d rgb(48,216,141)
```
#30d89b
```
#30d89b rgb(48,216,155)
```
#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#30d8b7
```
#30d8b7 rgb(48,216,183)
```
#30d8c5
```
#30d8c5 rgb(48,216,197)
```
#30d8d3
```
#30d8d3 rgb(48,216,211)
```

Similar Colors

Text with hexadecimal color #30d8a9

This text has a font color of #30d8a9.

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

#30d8a9 background color

This paragraph has a background color of #30d8a9.

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

#30d8a9 border color

This element has a border color of #30d8a9.

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

CSS codes

.text {color:#30d8a9;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#051813
```
#051813 rgb(5,24,19)
```
#08291f
```
#08291f rgb(8,41,31)
```
#0b392c
```
#0b392c rgb(11,57,44)
```
#0e4a39
```
#0e4a39 rgb(14,74,57)
```
#115a46
```
#115a46 rgb(17,90,70)
```
#146b52
```
#146b52 rgb(20,107,82)
```
#177b5f
```
#177b5f rgb(23,123,95)
```
#1a8c6c
```
#1a8c6c rgb(26,140,108)
```
#1d9c79
```
#1d9c79 rgb(29,156,121)
```
#21ad85
```
#21ad85 rgb(33,173,133)
```
#24bd92
```
#24bd92 rgb(36,189,146)
```
#27ce9f
```
#27ce9f rgb(39,206,159)
```

Shade Color Variation

#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#41dbb0
```
#41dbb0 rgb(65,219,176)
```
#51deb7
```
#51deb7 rgb(81,222,183)
```
#62e1be
```
#62e1be rgb(98,225,190)
```
#72e4c4
```
#72e4c4 rgb(114,228,196)
```
#83e8cb
```
#83e8cb rgb(131,232,203)
```
#93ebd2
```
#93ebd2 rgb(147,235,210)
```
#a4eed9
```
#a4eed9 rgb(164,238,217)
```
#b4f1e0
```
#b4f1e0 rgb(180,241,224)
```
#c5f4e7
```
#c5f4e7 rgb(197,244,231)
```
#d5f7ee
```
#d5f7ee rgb(213,247,238)
```
#e6faf4
```
#e6faf4 rgb(230,250,244)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8c88 is the less saturated color, while #0afeba is the most saturated one.

#7c8c88
```
#7c8c88 rgb(124,140,136)
```
#72968c
```
#72968c rgb(114,150,140)
```
#699f90
```
#699f90 rgb(105,159,144)
```
#5fa994
```
#5fa994 rgb(95,169,148)
```
#56b298
```
#56b298 rgb(86,178,152)
```
#4cbc9c
```
#4cbc9c rgb(76,188,156)
```
#43c5a1
```
#43c5a1 rgb(67,197,161)
```
#39cfa5
```
#39cfa5 rgb(57,207,165)
```
#30d8a9
```
#30d8a9 rgb(48,216,169)
```
#27e1ad
```
#27e1ad rgb(39,225,173)
```
#1debb1
```
#1debb1 rgb(29,235,177)
```
#14f4b6
```
#14f4b6 rgb(20,244,182)
```
#0afeba
```
#0afeba rgb(10,254,186)
```

Tone Color Variation

Below, you can see how #30d8a9 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
#8aaba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc2a2 Protanopia 1% of men
#d9bcb7 Deuteranopia 1% of men
#5ed2e2 Tritanopia 0.001% of the population

Trichromacy

#94caa4 Protanomaly 1% of men, 0.01% of women
#9bc6b2 Deuteranomaly 6% of men, 0.4% of women
#4dd4cd Tritanomaly 0.01% of the population

#30d8a9 hex color

#30d8a9 Color Information

#30d8a9 Color Conversion

Color Schemes with #30d8a9

Alternatives to #30d8a9

#30d8a9 Preview

Shades and Tints of #30d8a9

Tones of #30d8a9

Color Blindness Simulator