#30d682 hex color

In a RGB color space, hex #30d682 is composed of 18.8% red, 83.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 0% magenta, 39.3% yellow and 16.1% black. It has a hue angle of 149.6 degrees, a saturation of 66.9% and a lightness of 51.4%. #30d682 color hex could be obtained by blending #60ffff with #00ad05. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 84
- B 51
RGB color chart
- C 78
- M 0
- Y 39
- K 16
CMYK color chart

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

The hexadecimal color #30d682 has RGB values of R:48, G:214, B:130 and CMYK values of C:0.78, M:0, Y:0.39, K:0.16. Its decimal value is 3200642.

Hex triplet	30d682	`#30d682`
RGB Decimal	48, 214, 130	`rgb(48,214,130)`
RGB Percent	18.8, 83.9, 51	`rgb(18.8%,83.9%,51%)`
CMYK	78, 0, 39, 16
HSL	149.6°, 66.9, 51.4	`hsl(149.6,66.9%,51.4%)`
HSV (or HSB)	149.6°, 77.6, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.272, -59.987, 29.984
XYZ	29.293, 50.33, 29.289
xyY	0.269, 0.462, 50.33
CIE-LCH	76.272, 67.063, 153.442
CIE-LUV	76.272, -62.95, 50.628
Hunter-Lab	70.944, -50.449, 25.183
Binary	00110000, 11010110, 10000010

#30d682
```
#30d682 rgb(48,214,130)
```
#d63084
```
#d63084 rgb(214,48,132)
```

Complementary Color

#31d630
```
#31d630 rgb(49,214,48)
```
#30d682
```
#30d682 rgb(48,214,130)
```
#30d6d5
```
#30d6d5 rgb(48,214,213)
```

Analogous Color

#d63031
```
#d63031 rgb(214,48,49)
```
#30d682
```
#30d682 rgb(48,214,130)
```
#d530d6
```
#d530d6 rgb(213,48,214)
```

Split Complementary Color

#d68230
```
#d68230 rgb(214,130,48)
```
#30d682
```
#30d682 rgb(48,214,130)
```
#8230d6
```
#8230d6 rgb(130,48,214)
```

Triadic Color

#84d630
```
#84d630 rgb(132,214,48)
```
#30d682
```
#30d682 rgb(48,214,130)
```
#8230d6
```
#8230d6 rgb(130,48,214)
```
#d63084
```
#d63084 rgb(214,48,132)
```

Tetradic Color

#1f9b5c
```
#1f9b5c rgb(31,155,92)
```
#23b069
```
#23b069 rgb(35,176,105)
```
#27c575
```
#27c575 rgb(39,197,117)
```
#30d682
```
#30d682 rgb(48,214,130)
```
#45da8f
```
#45da8f rgb(69,218,143)
```
#5bde9c
```
#5bde9c rgb(91,222,156)
```
#70e3a9
```
#70e3a9 rgb(112,227,169)
```

Monochromatic Color

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

#30d658
```
#30d658 rgb(48,214,88)
```
#30d666
```
#30d666 rgb(48,214,102)
```
#30d674
```
#30d674 rgb(48,214,116)
```
#30d682
```
#30d682 rgb(48,214,130)
```
#30d690
```
#30d690 rgb(48,214,144)
```
#30d69e
```
#30d69e rgb(48,214,158)
```
#30d6ac
```
#30d6ac rgb(48,214,172)
```

Similar Colors

Text with hexadecimal color #30d682

This text has a font color of #30d682.

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

#30d682 background color

This paragraph has a background color of #30d682.

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

#30d682 border color

This element has a border color of #30d682.

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

CSS codes

.text {color:#30d682;}

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

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

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, #010603 is the darkest color, while #f4fdf9 is the lightest one.

#010603
```
#010603 rgb(1,6,3)
```
#04160d
```
#04160d rgb(4,22,13)
```
#082717
```
#082717 rgb(8,39,23)
```
#0b3721
```
#0b3721 rgb(11,55,33)
```
#0e472a
```
#0e472a rgb(14,71,42)
```
#115834
```
#115834 rgb(17,88,52)
```
#15683e
```
#15683e rgb(21,104,62)
```
#187848
```
#187848 rgb(24,120,72)
```
#1b8951
```
#1b8951 rgb(27,137,81)
```
#1e995b
```
#1e995b rgb(30,153,91)
```
#22aa65
```
#22aa65 rgb(34,170,101)
```
#25ba6e
```
#25ba6e rgb(37,186,110)
```
#28ca78
```
#28ca78 rgb(40,202,120)
```

Shade Color Variation

#30d682
```
#30d682 rgb(48,214,130)
```
#40d98c
```
#40d98c rgb(64,217,140)
```
#51dc96
```
#51dc96 rgb(81,220,150)
```
#61e0a0
```
#61e0a0 rgb(97,224,160)
```
#71e3aa
```
#71e3aa rgb(113,227,170)
```
#82e6b3
```
#82e6b3 rgb(130,230,179)
```
#92e9bd
```
#92e9bd rgb(146,233,189)
```
#a3edc7
```
#a3edc7 rgb(163,237,199)
```
#b3f0d1
```
#b3f0d1 rgb(179,240,209)
```
#c3f3db
```
#c3f3db rgb(195,243,219)
```
#d4f6e5
```
#d4f6e5 rgb(212,246,229)
```
#e4faef
```
#e4faef rgb(228,250,239)
```
#f4fdf9
```
#f4fdf9 rgb(244,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8a83 is the less saturated color, while #0afc82 is the most saturated one.

#7c8a83
```
#7c8a83 rgb(124,138,131)
```
#739383
```
#739383 rgb(115,147,131)
```
#699d83
```
#699d83 rgb(105,157,131)
```
#60a683
```
#60a683 rgb(96,166,131)
```
#56b082
```
#56b082 rgb(86,176,130)
```
#4db982
```
#4db982 rgb(77,185,130)
```
#43c382
```
#43c382 rgb(67,195,130)
```
#3acc82
```
#3acc82 rgb(58,204,130)
```
#30d682
```
#30d682 rgb(48,214,130)
```
#26e082
```
#26e082 rgb(38,224,130)
```
#1de982
```
#1de982 rgb(29,233,130)
```
#13f382
```
#13f382 rgb(19,243,130)
```
#0afc82
```
#0afc82 rgb(10,252,130)
```

Tone Color Variation

Below, you can see how #30d682 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
#86a796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbf7f Protanopia 1% of men
#e0b893 Deuteranopia 1% of men
#67cddc Tritanopia 0.001% of the population

Trichromacy

#95c780 Protanomaly 1% of men, 0.01% of women
#a0c38d Deuteranomaly 6% of men, 0.4% of women
#53d0bb Tritanomaly 0.01% of the population

#30d682 hex color

#30d682 Color Information

#30d682 Color Conversion

Color Schemes with #30d682

Alternatives to #30d682

#30d682 Preview

Shades and Tints of #30d682

Tones of #30d682

Color Blindness Simulator