colorhexa.com

#30db6a hex color

In a RGB color space, hex #30db6a is composed of 18.8% red, 85.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 51.6% yellow and 14.1% black. It has a hue angle of 140.4 degrees, a saturation of 70.4% and a lightness of 52.4%. #30db6a color hex could be obtained by blending #60ffd4 with #00b700. Closest websafe color is: #33cc66.

- R 19
- G 86
- B 42
RGB color chart
- C 78
- M 0
- Y 52
- K 14
CMYK color chart

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

The hexadecimal color #30db6a has RGB values of R:48, G:219, B:106 and CMYK values of C:0.78, M:0, Y:0.52, K:0.14. Its decimal value is 3201898.

Hex triplet	30db6a	`#30db6a`
RGB Decimal	48, 219, 106	`rgb(48,219,106)`
RGB Percent	18.8, 85.9, 41.6	`rgb(18.8%,85.9%,41.6%)`
CMYK	78, 0, 52, 14
HSL	140.4°, 70.4, 52.4	`hsl(140.4,70.4%,52.4%)`
HSV (or HSB)	140.4°, 78.1, 85.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	77.477, -65.732, 43.455
XYZ	29.15, 52.329, 22.199
xyY	0.281, 0.505, 52.329
CIE-LCH	77.477, 78.798, 146.532
CIE-LUV	77.477, -65.914, 66.911
Hunter-Lab	72.339, -54.664, 32.442
Binary	00110000, 11011011, 01101010

#30db6a
```
#30db6a rgb(48,219,106)
```
#db30a1
```
#db30a1 rgb(219,48,161)
```

Complementary Color

#4cdb30
```
#4cdb30 rgb(76,219,48)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#30dbc0
```
#30dbc0 rgb(48,219,192)
```

Analogous Color

#db304c
```
#db304c rgb(219,48,76)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#c030db
```
#c030db rgb(192,48,219)
```

Split Complementary Color

#db6a30
```
#db6a30 rgb(219,106,48)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#6a30db
```
#6a30db rgb(106,48,219)
```

Triadic Color

#a1db30
```
#a1db30 rgb(161,219,48)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#6a30db
```
#6a30db rgb(106,48,219)
```
#db30a1
```
#db30a1 rgb(219,48,161)
```

Tetradic Color

#1ca24a
```
#1ca24a rgb(28,162,74)
```
#20b854
```
#20b854 rgb(32,184,84)
```
#24ce5d
```
#24ce5d rgb(36,206,93)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#46df7a
```
#46df7a rgb(70,223,122)
```
#5be389
```
#5be389 rgb(91,227,137)
```
#71e699
```
#71e699 rgb(113,230,153)
```

Monochromatic Color

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

#30db3f
```
#30db3f rgb(48,219,63)
```
#30db4d
```
#30db4d rgb(48,219,77)
```
#30db5c
```
#30db5c rgb(48,219,92)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#30db78
```
#30db78 rgb(48,219,120)
```
#30db87
```
#30db87 rgb(48,219,135)
```
#30db95
```
#30db95 rgb(48,219,149)
```

Similar Colors

Text with hexadecimal color #30db6a

This text has a font color of #30db6a.

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

#30db6a background color

This paragraph has a background color of #30db6a.

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

#30db6a border color

This element has a border color of #30db6a.

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

CSS codes

.text {color:#30db6a;}

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

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

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

#020a05
```
#020a05 rgb(2,10,5)
```
#051b0c
```
#051b0c rgb(5,27,12)
```
#082c14
```
#082c14 rgb(8,44,20)
```
#0a3c1b
```
#0a3c1b rgb(10,60,27)
```
#0d4d23
```
#0d4d23 rgb(13,77,35)
```
#105e2b
```
#105e2b rgb(16,94,43)
```
#136e32
```
#136e32 rgb(19,110,50)
```
#167f3a
```
#167f3a rgb(22,127,58)
```
#199041
```
#199041 rgb(25,144,65)
```
#1ca149
```
#1ca149 rgb(28,161,73)
```
#1fb151
```
#1fb151 rgb(31,177,81)
```
#22c258
```
#22c258 rgb(34,194,88)
```
#25d360
```
#25d360 rgb(37,211,96)
```

Shade Color Variation

#30db6a
```
#30db6a rgb(48,219,106)
```
#41de76
```
#41de76 rgb(65,222,118)
```
#51e182
```
#51e182 rgb(81,225,130)
```
#62e48e
```
#62e48e rgb(98,228,142)
```
#73e79a
```
#73e79a rgb(115,231,154)
```
#84eaa6
```
#84eaa6 rgb(132,234,166)
```
#94ecb2
```
#94ecb2 rgb(148,236,178)
```
#a5efbe
```
#a5efbe rgb(165,239,190)
```
#b6f2ca
```
#b6f2ca rgb(182,242,202)
```
#c6f5d6
```
#c6f5d6 rgb(198,245,214)
```
#d7f8e2
```
#d7f8e2 rgb(215,248,226)
```
#e8fbee
```
#e8fbee rgb(232,251,238)
```
#f9fefa
```
#f9fefa rgb(249,254,250)
```

Tint Color Variation

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

#848785
```
#848785 rgb(132,135,133)
```
#7b9082
```
#7b9082 rgb(123,144,130)
```
#719a7f
```
#719a7f rgb(113,154,127)
```
#68a37c
```
#68a37c rgb(104,163,124)
```
#5fac79
```
#5fac79 rgb(95,172,121)
```
#55b676
```
#55b676 rgb(85,182,118)
```
#4cbf73
```
#4cbf73 rgb(76,191,115)
```
#43c870
```
#43c870 rgb(67,200,112)
```
#39d26d
```
#39d26d rgb(57,210,109)
```
#30db6a
```
#30db6a rgb(48,219,106)
```
#27e467
```
#27e467 rgb(39,228,103)
```
#1dee64
```
#1dee64 rgb(29,238,100)
```
#14f761
```
#14f761 rgb(20,247,97)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#86a891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c269 Protanopia 1% of men
#e9ba7e Deuteranopia 1% of men
#6dd0df Tritanopia 0.001% of the population

Trichromacy

#99cb69 Protanomaly 1% of men, 0.01% of women
#a5c676 Deuteranomaly 6% of men, 0.4% of women
#57d4b5 Tritanomaly 0.01% of the population