#30c986 hex color

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

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

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

The hexadecimal color #30c986 has RGB values of R:48, G:201, B:134 and CMYK values of C:0.76, M:0, Y:0.33, K:0.21. Its decimal value is 3197318.

Hex triplet	30c986	`#30c986`
RGB Decimal	48, 201, 134	`rgb(48,201,134)`
RGB Percent	18.8, 78.8, 52.5	`rgb(18.8%,78.8%,52.5%)`
CMYK	76, 0, 33, 21
HSL	153.7°, 61.4, 48.8	`hsl(153.7,61.4%,48.8%)`
HSV (or HSB)	153.7°, 76.1, 78.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.309, -54.383, 22.583
XYZ	26.407, 44.12, 29.677
xyY	0.264, 0.44, 44.12
CIE-LCH	72.309, 58.886, 157.449
CIE-LUV	72.309, -58.225, 39.997
Hunter-Lab	66.423, -45.277, 20.006
Binary	00110000, 11001001, 10000110

#30c986
```
#30c986 rgb(48,201,134)
```
#c93073
```
#c93073 rgb(201,48,115)
```

Complementary Color

#30c93a
```
#30c93a rgb(48,201,58)
```
#30c986
```
#30c986 rgb(48,201,134)
```
#30c0c9
```
#30c0c9 rgb(48,192,201)
```

Analogous Color

#c93a30
```
#c93a30 rgb(201,58,48)
```
#30c986
```
#30c986 rgb(48,201,134)
```
#c930c0
```
#c930c0 rgb(201,48,192)
```

Split Complementary Color

#c98630
```
#c98630 rgb(201,134,48)
```
#30c986
```
#30c986 rgb(48,201,134)
```
#8630c9
```
#8630c9 rgb(134,48,201)
```

Triadic Color

#73c930
```
#73c930 rgb(115,201,48)
```
#30c986
```
#30c986 rgb(48,201,134)
```
#8630c9
```
#8630c9 rgb(134,48,201)
```
#c93073
```
#c93073 rgb(201,48,115)
```

Tetradic Color

#218b5d
```
#218b5d rgb(33,139,93)
```
#26a06b
```
#26a06b rgb(38,160,107)
```
#2bb478
```
#2bb478 rgb(43,180,120)
```
#30c986
```
#30c986 rgb(48,201,134)
```
#41d292
```
#41d292 rgb(65,210,146)
```
#55d79e
```
#55d79e rgb(85,215,158)
```
#6adbaa
```
#6adbaa rgb(106,219,170)
```

Monochromatic Color

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

#30c960
```
#30c960 rgb(48,201,96)
```
#30c96d
```
#30c96d rgb(48,201,109)
```
#30c979
```
#30c979 rgb(48,201,121)
```
#30c986
```
#30c986 rgb(48,201,134)
```
#30c993
```
#30c993 rgb(48,201,147)
```
#30c9a0
```
#30c9a0 rgb(48,201,160)
```
#30c9ac
```
#30c9ac rgb(48,201,172)
```

Similar Colors

Text with hexadecimal color #30c986

This text has a font color of #30c986.

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

#30c986 background color

This paragraph has a background color of #30c986.

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

#30c986 border color

This element has a border color of #30c986.

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

CSS codes

.text {color:#30c986;}

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

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

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)
```
#061b12
```
#061b12 rgb(6,27,18)
```
#0a2b1c
```
#0a2b1c rgb(10,43,28)
```
#0e3a27
```
#0e3a27 rgb(14,58,39)
```
#124a32
```
#124a32 rgb(18,74,50)
```
#165a3c
```
#165a3c rgb(22,90,60)
```
#196a47
```
#196a47 rgb(25,106,71)
```
#1d7a51
```
#1d7a51 rgb(29,122,81)
```
#218a5c
```
#218a5c rgb(33,138,92)
```
#259966
```
#259966 rgb(37,153,102)
```
#28a971
```
#28a971 rgb(40,169,113)
```
#2cb97b
```
#2cb97b rgb(44,185,123)
```
#30c986
```
#30c986 rgb(48,201,134)
```

Shade Color Variation

#3cd090
```
#3cd090 rgb(60,208,144)
```
#4cd499
```
#4cd499 rgb(76,212,153)
```
#5cd8a2
```
#5cd8a2 rgb(92,216,162)
```
#6cdcab
```
#6cdcab rgb(108,220,171)
```
#7be0b4
```
#7be0b4 rgb(123,224,180)
```
#8be3bd
```
#8be3bd rgb(139,227,189)
```
#9be7c6
```
#9be7c6 rgb(155,231,198)
```
#abebcf
```
#abebcf rgb(171,235,207)
```
#bbefd8
```
#bbefd8 rgb(187,239,216)
```
#cbf2e1
```
#cbf2e1 rgb(203,242,225)
```
#daf6ea
```
#daf6ea rgb(218,246,234)
```
#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, #73867e is the less saturated color, while #00f98c is the most saturated one.

#73867e
```
#73867e rgb(115,134,126)
```
#69907f
```
#69907f rgb(105,144,127)
```
#609980
```
#609980 rgb(96,153,128)
```
#56a381
```
#56a381 rgb(86,163,129)
```
#4dac82
```
#4dac82 rgb(77,172,130)
```
#43b684
```
#43b684 rgb(67,182,132)
```
#3abf85
```
#3abf85 rgb(58,191,133)
```
#30c986
```
#30c986 rgb(48,201,134)
```
#26d387
```
#26d387 rgb(38,211,135)
```
#1ddc88
```
#1ddc88 rgb(29,220,136)
```
#13e68a
```
#13e68a rgb(19,230,138)
```
#0aef8b
```
#0aef8b rgb(10,239,139)
```
#00f98c
```
#00f98c rgb(0,249,140)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b582 Protanopia 1% of men
#d1ae96 Deuteranopia 1% of men
#60c3d1 Tritanopia 0.001% of the population

Trichromacy

#8dbc84 Protanomaly 1% of men, 0.01% of women
#96b890 Deuteranomaly 6% of men, 0.4% of women
#4ec5b5 Tritanomaly 0.01% of the population

#30c986 hex color

#30c986 Color Information

#30c986 Color Conversion

Color Schemes with #30c986

Alternatives to #30c986

#30c986 Preview

Shades and Tints of #30c986

Tones of #30c986

Color Blindness Simulator