#30c86a hex color

In a RGB color space, hex #30c86a is composed of 18.8% red, 78.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 47% yellow and 21.6% black. It has a hue angle of 142.9 degrees, a saturation of 61.3% and a lightness of 48.6%. #30c86a color hex could be obtained by blending #60ffd4 with #009100. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 78
- B 42
RGB color chart
- C 76
- M 0
- Y 47
- K 22
CMYK color chart

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

The hexadecimal color #30c86a has RGB values of R:48, G:200, B:106 and CMYK values of C:0.76, M:0, Y:0.47, K:0.22. Its decimal value is 3197034.

Hex triplet	30c86a	`#30c86a`
RGB Decimal	48, 200, 106	`rgb(48,200,106)`
RGB Percent	18.8, 78.4, 41.6	`rgb(18.8%,78.4%,41.6%)`
CMYK	76, 0, 47, 22
HSL	142.9°, 61.3, 48.6	`hsl(142.9,61.3%,48.6%)`
HSV (or HSB)	142.9°, 76, 78.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	71.538, -59.227, 36.038
XYZ	24.473, 42.975, 20.64
xyY	0.278, 0.488, 42.975
CIE-LCH	71.538, 69.329, 148.68
CIE-LUV	71.538, -59.453, 56.501
Hunter-Lab	65.555, -48.084, 27.221
Binary	00110000, 11001000, 01101010

#30c86a
```
#30c86a rgb(48,200,106)
```
#c8308e
```
#c8308e rgb(200,48,142)
```

Complementary Color

#42c830
```
#42c830 rgb(66,200,48)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#30c8b6
```
#30c8b6 rgb(48,200,182)
```

Analogous Color

#c83042
```
#c83042 rgb(200,48,66)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#b630c8
```
#b630c8 rgb(182,48,200)
```

Split Complementary Color

#c86a30
```
#c86a30 rgb(200,106,48)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#6a30c8
```
#6a30c8 rgb(106,48,200)
```

Triadic Color

#8ec830
```
#8ec830 rgb(142,200,48)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#6a30c8
```
#6a30c8 rgb(106,48,200)
```
#c8308e
```
#c8308e rgb(200,48,142)
```

Tetradic Color

#218a49
```
#218a49 rgb(33,138,73)
```
#269f54
```
#269f54 rgb(38,159,84)
```
#2bb35f
```
#2bb35f rgb(43,179,95)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#40d178
```
#40d178 rgb(64,209,120)
```
#55d686
```
#55d686 rgb(85,214,134)
```
#69db95
```
#69db95 rgb(105,219,149)
```

Monochromatic Color

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

#30c844
```
#30c844 rgb(48,200,68)
```
#30c851
```
#30c851 rgb(48,200,81)
```
#30c85d
```
#30c85d rgb(48,200,93)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#30c877
```
#30c877 rgb(48,200,119)
```
#30c883
```
#30c883 rgb(48,200,131)
```
#30c890
```
#30c890 rgb(48,200,144)
```

Similar Colors

Text with hexadecimal color #30c86a

This text has a font color of #30c86a.

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

#30c86a background color

This paragraph has a background color of #30c86a.

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

#30c86a border color

This element has a border color of #30c86a.

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

CSS codes

.text {color:#30c86a;}

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

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

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 #f9fefb is the lightest one.

#020a05
```
#020a05 rgb(2,10,5)
```
#061a0e
```
#061a0e rgb(6,26,14)
```
#0a2a16
```
#0a2a16 rgb(10,42,22)
```
#0e3a1f
```
#0e3a1f rgb(14,58,31)
```
#124927
```
#124927 rgb(18,73,39)
```
#15592f
```
#15592f rgb(21,89,47)
```
#196938
```
#196938 rgb(25,105,56)
```
#1d7940
```
#1d7940 rgb(29,121,64)
```
#218948
```
#218948 rgb(33,137,72)
```
#259951
```
#259951 rgb(37,153,81)
```
#28a859
```
#28a859 rgb(40,168,89)
```
#2cb862
```
#2cb862 rgb(44,184,98)
```
#30c86a
```
#30c86a rgb(48,200,106)
```

Shade Color Variation

#3cd074
```
#3cd074 rgb(60,208,116)
```
#4bd47f
```
#4bd47f rgb(75,212,127)
```
#5bd88b
```
#5bd88b rgb(91,216,139)
```
#6bdb96
```
#6bdb96 rgb(107,219,150)
```
#7bdfa1
```
#7bdfa1 rgb(123,223,161)
```
#8be3ac
```
#8be3ac rgb(139,227,172)
```
#9ae7b8
```
#9ae7b8 rgb(154,231,184)
```
#aaebc3
```
#aaebc3 rgb(170,235,195)
```
#baeece
```
#baeece rgb(186,238,206)
```
#caf2d9
```
#caf2d9 rgb(202,242,217)
```
#daf6e5
```
#daf6e5 rgb(218,246,229)
```
#eafaf0
```
#eafaf0 rgb(234,250,240)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#73857a
```
#73857a rgb(115,133,122)
```
#698f78
```
#698f78 rgb(105,143,120)
```
#609875
```
#609875 rgb(96,152,117)
```
#56a273
```
#56a273 rgb(86,162,115)
```
#4dab71
```
#4dab71 rgb(77,171,113)
```
#43b56f
```
#43b56f rgb(67,181,111)
```
#3abe6c
```
#3abe6c rgb(58,190,108)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#26d268
```
#26d268 rgb(38,210,104)
```
#1ddb65
```
#1ddb65 rgb(29,219,101)
```
#13e563
```
#13e563 rgb(19,229,99)
```
#0aee61
```
#0aee61 rgb(10,238,97)
```
#00f85f
```
#00f85f rgb(0,248,95)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d9b88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b369 Protanopia 1% of men
#d5ac7c Deuteranopia 1% of men
#65c0ce Tritanopia 0.001% of the population

Trichromacy

#8eba69 Protanomaly 1% of men, 0.01% of women
#99b675 Deuteranomaly 6% of men, 0.4% of women
#52c3a9 Tritanomaly 0.01% of the population

#30c86a hex color

#30c86a Color Information

#30c86a Color Conversion

Color Schemes with #30c86a

Alternatives to #30c86a

#30c86a Preview

Shades and Tints of #30c86a

Tones of #30c86a

Color Blindness Simulator