#30c980 hex color

In a RGB color space, hex #30c980 is composed of 18.8% red, 78.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 36.3% yellow and 21.2% black. It has a hue angle of 151.4 degrees, a saturation of 61.4% and a lightness of 48.8%. #30c980 color hex could be obtained by blending #60ffff with #009301. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 79
- B 50
RGB color chart
- C 76
- M 0
- Y 36
- K 21
CMYK color chart

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

The hexadecimal color #30c980 has RGB values of R:48, G:201, B:128 and CMYK values of C:0.76, M:0, Y:0.36, K:0.21. Its decimal value is 3197312.

Hex triplet	30c980	`#30c980`
RGB Decimal	48, 201, 128	`rgb(48,201,128)`
RGB Percent	18.8, 78.8, 50.2	`rgb(18.8%,78.8%,50.2%)`
CMYK	76, 0, 36, 21
HSL	151.4°, 61.4, 48.8	`hsl(151.4,61.4%,48.8%)`
HSV (or HSB)	151.4°, 76.1, 78.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.2, -55.598, 25.594
XYZ	26, 43.958, 27.535
xyY	0.267, 0.451, 43.958
CIE-LCH	72.2, 61.206, 155.282
CIE-LUV	72.2, -58.586, 43.938
Hunter-Lab	66.301, -46.027, 21.787
Binary	00110000, 11001001, 10000000

#30c980
```
#30c980 rgb(48,201,128)
```
#c93079
```
#c93079 rgb(201,48,121)
```

Complementary Color

#30c934
```
#30c934 rgb(48,201,52)
```
#30c980
```
#30c980 rgb(48,201,128)
```
#30c6c9
```
#30c6c9 rgb(48,198,201)
```

Analogous Color

#c93430
```
#c93430 rgb(201,52,48)
```
#30c980
```
#30c980 rgb(48,201,128)
```
#c930c6
```
#c930c6 rgb(201,48,198)
```

Split Complementary Color

#c98030
```
#c98030 rgb(201,128,48)
```
#30c980
```
#30c980 rgb(48,201,128)
```
#8030c9
```
#8030c9 rgb(128,48,201)
```

Triadic Color

#79c930
```
#79c930 rgb(121,201,48)
```
#30c980
```
#30c980 rgb(48,201,128)
```
#8030c9
```
#8030c9 rgb(128,48,201)
```
#c93079
```
#c93079 rgb(201,48,121)
```

Tetradic Color

#218b59
```
#218b59 rgb(33,139,89)
```
#26a066
```
#26a066 rgb(38,160,102)
```
#2bb473
```
#2bb473 rgb(43,180,115)
```
#30c980
```
#30c980 rgb(48,201,128)
```
#41d28d
```
#41d28d rgb(65,210,141)
```
#55d799
```
#55d799 rgb(85,215,153)
```
#6adba5
```
#6adba5 rgb(106,219,165)
```

Monochromatic Color

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

#30c95a
```
#30c95a rgb(48,201,90)
```
#30c967
```
#30c967 rgb(48,201,103)
```
#30c973
```
#30c973 rgb(48,201,115)
```
#30c980
```
#30c980 rgb(48,201,128)
```
#30c98d
```
#30c98d rgb(48,201,141)
```
#30c99a
```
#30c99a rgb(48,201,154)
```
#30c9a6
```
#30c9a6 rgb(48,201,166)
```

Similar Colors

Text with hexadecimal color #30c980

This text has a font color of #30c980.

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

#30c980 background color

This paragraph has a background color of #30c980.

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

#30c980 border color

This element has a border color of #30c980.

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

CSS codes

.text {color:#30c980;}

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

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

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, #030b07 is the darkest color, while #fafefc is the lightest one.

#030b07
```
#030b07 rgb(3,11,7)
```
#061b11
```
#061b11 rgb(6,27,17)
```
#0a2b1b
```
#0a2b1b rgb(10,43,27)
```
#0e3a25
```
#0e3a25 rgb(14,58,37)
```
#124a2f
```
#124a2f rgb(18,74,47)
```
#165a39
```
#165a39 rgb(22,90,57)
```
#196a43
```
#196a43 rgb(25,106,67)
```
#1d7a4e
```
#1d7a4e rgb(29,122,78)
```
#218a58
```
#218a58 rgb(33,138,88)
```
#259962
```
#259962 rgb(37,153,98)
```
#28a96c
```
#28a96c rgb(40,169,108)
```
#2cb976
```
#2cb976 rgb(44,185,118)
```
#30c980
```
#30c980 rgb(48,201,128)
```

Shade Color Variation

#3cd08a
```
#3cd08a rgb(60,208,138)
```
#4cd493
```
#4cd493 rgb(76,212,147)
```
#5cd89d
```
#5cd89d rgb(92,216,157)
```
#6cdca6
```
#6cdca6 rgb(108,220,166)
```
#7be0b0
```
#7be0b0 rgb(123,224,176)
```
#8be3b9
```
#8be3b9 rgb(139,227,185)
```
#9be7c3
```
#9be7c3 rgb(155,231,195)
```
#abebcc
```
#abebcc rgb(171,235,204)
```
#bbefd6
```
#bbefd6 rgb(187,239,214)
```
#cbf2df
```
#cbf2df rgb(203,242,223)
```
#daf6e9
```
#daf6e9 rgb(218,246,233)
```
#eafaf3
```
#eafaf3 rgb(234,250,243)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73867d is the less saturated color, while #00f982 is the most saturated one.

#73867d
```
#73867d rgb(115,134,125)
```
#69907d
```
#69907d rgb(105,144,125)
```
#60997e
```
#60997e rgb(96,153,126)
```
#56a37e
```
#56a37e rgb(86,163,126)
```
#4dac7f
```
#4dac7f rgb(77,172,127)
```
#43b67f
```
#43b67f rgb(67,182,127)
```
#3abf80
```
#3abf80 rgb(58,191,128)
```
#30c980
```
#30c980 rgb(48,201,128)
```
#26d380
```
#26d380 rgb(38,211,128)
```
#1ddc81
```
#1ddc81 rgb(29,220,129)
```
#13e681
```
#13e681 rgb(19,230,129)
```
#0aef82
```
#0aef82 rgb(10,239,130)
```
#00f982
```
#00f982 rgb(0,249,130)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7f9e8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b47d Protanopia 1% of men
#d2ae90 Deuteranopia 1% of men
#61c2d0 Tritanopia 0.001% of the population

Trichromacy

#8dbc7e Protanomaly 1% of men, 0.01% of women
#97b88a Deuteranomaly 6% of men, 0.4% of women
#4fc4b3 Tritanomaly 0.01% of the population

#30c980 hex color

#30c980 Color Information

#30c980 Color Conversion

Color Schemes with #30c980

Alternatives to #30c980

#30c980 Preview

Shades and Tints of #30c980

Tones of #30c980

Color Blindness Simulator