#30db86 hex color

In a RGB color space, hex #30db86 is composed of 18.8% red, 85.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 38.8% yellow and 14.1% black. It has a hue angle of 150.2 degrees, a saturation of 70.4% and a lightness of 52.4%. #30db86 color hex could be obtained by blending #60ffff with #00b70d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 86
- B 53
RGB color chart
- C 78
- M 0
- Y 39
- K 14
CMYK color chart

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

The hexadecimal color #30db86 has RGB values of R:48, G:219, B:134 and CMYK values of C:0.78, M:0, Y:0.39, K:0.14. Its decimal value is 3201926.

Hex triplet	30db86	`#30db86`
RGB Decimal	48, 219, 134	`rgb(48,219,134)`
RGB Percent	18.8, 85.9, 52.5	`rgb(18.8%,85.9%,52.5%)`
CMYK	78, 0, 39, 14
HSL	150.2°, 70.4, 52.4	`hsl(150.2,70.4%,52.4%)`
HSV (or HSB)	150.2°, 78.1, 85.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.881, -61.035, 30.067
XYZ	30.851, 53.009, 31.159
xyY	0.268, 0.461, 53.009
CIE-LCH	77.881, 68.039, 153.775
CIE-LUV	77.881, -64.419, 51.163
Hunter-Lab	72.808, -51.776, 25.592
Binary	00110000, 11011011, 10000110

#30db86
```
#30db86 rgb(48,219,134)
```
#db3085
```
#db3085 rgb(219,48,133)
```

Complementary Color

#30db31
```
#30db31 rgb(48,219,49)
```
#30db86
```
#30db86 rgb(48,219,134)
```
#30dbdb
```
#30dbdb rgb(48,219,219)
```

Analogous Color

#db3130
```
#db3130 rgb(219,49,48)
```
#30db86
```
#30db86 rgb(48,219,134)
```
#db30db
```
#db30db rgb(219,48,219)
```

Split Complementary Color

#db8630
```
#db8630 rgb(219,134,48)
```
#30db86
```
#30db86 rgb(48,219,134)
```
#8630db
```
#8630db rgb(134,48,219)
```

Triadic Color

#85db30
```
#85db30 rgb(133,219,48)
```
#30db86
```
#30db86 rgb(48,219,134)
```
#8630db
```
#8630db rgb(134,48,219)
```
#db3085
```
#db3085 rgb(219,48,133)
```

Tetradic Color

#1ca260
```
#1ca260 rgb(28,162,96)
```
#20b86c
```
#20b86c rgb(32,184,108)
```
#24ce79
```
#24ce79 rgb(36,206,121)
```
#30db86
```
#30db86 rgb(48,219,134)
```
#46df93
```
#46df93 rgb(70,223,147)
```
#5be39f
```
#5be39f rgb(91,227,159)
```
#71e6ac
```
#71e6ac rgb(113,230,172)
```

Monochromatic Color

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

#30db5b
```
#30db5b rgb(48,219,91)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#30db78
```
#30db78 rgb(48,219,120)
```
#30db86
```
#30db86 rgb(48,219,134)
```
#30db94
```
#30db94 rgb(48,219,148)
```
#30dba3
```
#30dba3 rgb(48,219,163)
```
#30dbb1
```
#30dbb1 rgb(48,219,177)
```

Similar Colors

Text with hexadecimal color #30db86

This text has a font color of #30db86.

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

#30db86 background color

This paragraph has a background color of #30db86.

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

#30db86 border color

This element has a border color of #30db86.

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

CSS codes

.text {color:#30db86;}

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

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

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, #020a06 is the darkest color, while #f9fefb is the lightest one.

#020a06
```
#020a06 rgb(2,10,6)
```
#051b10
```
#051b10 rgb(5,27,16)
```
#082c1a
```
#082c1a rgb(8,44,26)
```
#0a3c24
```
#0a3c24 rgb(10,60,36)
```
#0d4d2d
```
#0d4d2d rgb(13,77,45)
```
#105e37
```
#105e37 rgb(16,94,55)
```
#136e41
```
#136e41 rgb(19,110,65)
```
#167f4b
```
#167f4b rgb(22,127,75)
```
#199055
```
#199055 rgb(25,144,85)
```
#1ca15f
```
#1ca15f rgb(28,161,95)
```
#1fb169
```
#1fb169 rgb(31,177,105)
```
#22c272
```
#22c272 rgb(34,194,114)
```
#25d37c
```
#25d37c rgb(37,211,124)
```

Shade Color Variation

#30db86
```
#30db86 rgb(48,219,134)
```
#41de90
```
#41de90 rgb(65,222,144)
```
#51e19a
```
#51e19a rgb(81,225,154)
```
#62e4a3
```
#62e4a3 rgb(98,228,163)
```
#73e7ad
```
#73e7ad rgb(115,231,173)
```
#84eab7
```
#84eab7 rgb(132,234,183)
```
#94ecc1
```
#94ecc1 rgb(148,236,193)
```
#a5efca
```
#a5efca rgb(165,239,202)
```
#b6f2d4
```
#b6f2d4 rgb(182,242,212)
```
#c6f5de
```
#c6f5de rgb(198,245,222)
```
#d7f8e8
```
#d7f8e8 rgb(215,248,232)
```
#e8fbf1
```
#e8fbf1 rgb(232,251,241)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#848786
```
#848786 rgb(132,135,134)
```
#7b9086
```
#7b9086 rgb(123,144,134)
```
#719a86
```
#719a86 rgb(113,154,134)
```
#68a386
```
#68a386 rgb(104,163,134)
```
#5fac86
```
#5fac86 rgb(95,172,134)
```
#55b686
```
#55b686 rgb(85,182,134)
```
#4cbf86
```
#4cbf86 rgb(76,191,134)
```
#43c886
```
#43c886 rgb(67,200,134)
```
#39d286
```
#39d286 rgb(57,210,134)
```
#30db86
```
#30db86 rgb(48,219,134)
```
#27e486
```
#27e486 rgb(39,228,134)
```
#1dee86
```
#1dee86 rgb(29,238,134)
```
#14f786
```
#14f786 rgb(20,247,134)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#88aa99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c382 Protanopia 1% of men
#e4bc97 Deuteranopia 1% of men
#69d2e1 Tritanopia 0.001% of the population

Trichromacy

#98cc83 Protanomaly 1% of men, 0.01% of women
#a3c791 Deuteranomaly 6% of men, 0.4% of women
#54d5c0 Tritanomaly 0.01% of the population

#30db86 hex color

#30db86 Color Information

#30db86 Color Conversion

Color Schemes with #30db86

Alternatives to #30db86

#30db86 Preview

Shades and Tints of #30db86

Tones of #30db86

Color Blindness Simulator