#30c864 hex color

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

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

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

The hexadecimal color #30c864 has RGB values of R:48, G:200, B:100 and CMYK values of C:0.76, M:0, Y:0.5, K:0.22. Its decimal value is 3197028.

Hex triplet	30c864	`#30c864`
RGB Decimal	48, 200, 100	`rgb(48,200,100)`
RGB Percent	18.8, 78.4, 39.2	`rgb(18.8%,78.4%,39.2%)`
CMYK	76, 0, 50, 22
HSL	140.5°, 61.3, 48.6	`hsl(140.5,61.3%,48.6%)`
HSV (or HSB)	140.5°, 76, 78.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	71.456, -60.184, 38.919
XYZ	24.172, 42.855, 19.054
xyY	0.281, 0.498, 42.855
CIE-LCH	71.456, 71.672, 147.111
CIE-LUV	71.456, -59.75, 59.707
Hunter-Lab	65.463, -48.651, 28.567
Binary	00110000, 11001000, 01100100

#30c864
```
#30c864 rgb(48,200,100)
```
#c83094
```
#c83094 rgb(200,48,148)
```

Complementary Color

#48c830
```
#48c830 rgb(72,200,48)
```
#30c864
```
#30c864 rgb(48,200,100)
```
#30c8b0
```
#30c8b0 rgb(48,200,176)
```

Analogous Color

#c83048
```
#c83048 rgb(200,48,72)
```
#30c864
```
#30c864 rgb(48,200,100)
```
#b030c8
```
#b030c8 rgb(176,48,200)
```

Split Complementary Color

#c86430
```
#c86430 rgb(200,100,48)
```
#30c864
```
#30c864 rgb(48,200,100)
```
#6430c8
```
#6430c8 rgb(100,48,200)
```

Triadic Color

#94c830
```
#94c830 rgb(148,200,48)
```
#30c864
```
#30c864 rgb(48,200,100)
```
#6430c8
```
#6430c8 rgb(100,48,200)
```
#c83094
```
#c83094 rgb(200,48,148)
```

Tetradic Color

#218a45
```
#218a45 rgb(33,138,69)
```
#269f4f
```
#269f4f rgb(38,159,79)
```
#2bb35a
```
#2bb35a rgb(43,179,90)
```
#30c864
```
#30c864 rgb(48,200,100)
```
#40d172
```
#40d172 rgb(64,209,114)
```
#55d681
```
#55d681 rgb(85,214,129)
```
#69db90
```
#69db90 rgb(105,219,144)
```

Monochromatic Color

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

#30c83e
```
#30c83e rgb(48,200,62)
```
#30c84b
```
#30c84b rgb(48,200,75)
```
#30c857
```
#30c857 rgb(48,200,87)
```
#30c864
```
#30c864 rgb(48,200,100)
```
#30c871
```
#30c871 rgb(48,200,113)
```
#30c87d
```
#30c87d rgb(48,200,125)
```
#30c88a
```
#30c88a rgb(48,200,138)
```

Similar Colors

Text with hexadecimal color #30c864

This text has a font color of #30c864.

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

#30c864 background color

This paragraph has a background color of #30c864.

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

#30c864 border color

This element has a border color of #30c864.

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

CSS codes

.text {color:#30c864;}

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

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

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)
```
#061a0d
```
#061a0d rgb(6,26,13)
```
#0a2a15
```
#0a2a15 rgb(10,42,21)
```
#0e3a1d
```
#0e3a1d rgb(14,58,29)
```
#124925
```
#124925 rgb(18,73,37)
```
#15592d
```
#15592d rgb(21,89,45)
```
#196935
```
#196935 rgb(25,105,53)
```
#1d793c
```
#1d793c rgb(29,121,60)
```
#218944
```
#218944 rgb(33,137,68)
```
#25994c
```
#25994c rgb(37,153,76)
```
#28a854
```
#28a854 rgb(40,168,84)
```
#2cb85c
```
#2cb85c rgb(44,184,92)
```
#30c864
```
#30c864 rgb(48,200,100)
```

Shade Color Variation

#3cd06e
```
#3cd06e rgb(60,208,110)
```
#4bd47a
```
#4bd47a rgb(75,212,122)
```
#5bd886
```
#5bd886 rgb(91,216,134)
```
#6bdb91
```
#6bdb91 rgb(107,219,145)
```
#7bdf9d
```
#7bdf9d rgb(123,223,157)
```
#8be3a9
```
#8be3a9 rgb(139,227,169)
```
#9ae7b5
```
#9ae7b5 rgb(154,231,181)
```
#aaebc0
```
#aaebc0 rgb(170,235,192)
```
#baeecc
```
#baeecc rgb(186,238,204)
```
#caf2d8
```
#caf2d8 rgb(202,242,216)
```
#daf6e3
```
#daf6e3 rgb(218,246,227)
```
#eafaef
```
#eafaef rgb(234,250,239)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#738579
```
#738579 rgb(115,133,121)
```
#698f76
```
#698f76 rgb(105,143,118)
```
#609873
```
#609873 rgb(96,152,115)
```
#56a270
```
#56a270 rgb(86,162,112)
```
#4dab6d
```
#4dab6d rgb(77,171,109)
```
#43b56a
```
#43b56a rgb(67,181,106)
```
#3abe67
```
#3abe67 rgb(58,190,103)
```
#30c864
```
#30c864 rgb(48,200,100)
```
#26d261
```
#26d261 rgb(38,210,97)
```
#1ddb5e
```
#1ddb5e rgb(29,219,94)
```
#13e55b
```
#13e55b rgb(19,229,91)
```
#0aee58
```
#0aee58 rgb(10,238,88)
```
#00f855
```
#00f855 rgb(0,248,85)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c9a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b364 Protanopia 1% of men
#d6ab77 Deuteranopia 1% of men
#66bfcd Tritanopia 0.001% of the population

Trichromacy

#8eba64 Protanomaly 1% of men, 0.01% of women
#99b670 Deuteranomaly 6% of men, 0.4% of women
#52c2a7 Tritanomaly 0.01% of the population

#30c864 hex color

#30c864 Color Information

#30c864 Color Conversion

Color Schemes with #30c864

Alternatives to #30c864

#30c864 Preview

Shades and Tints of #30c864

Tones of #30c864

Color Blindness Simulator