#30d186 hex color

In a RGB color space, hex #30d186 is composed of 18.8% red, 82% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 35.9% yellow and 18% black. It has a hue angle of 152 degrees, a saturation of 63.6% and a lightness of 50.4%. #30d186 color hex could be obtained by blending #60ffff with #00a30d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 82
- B 53
RGB color chart
- C 77
- M 0
- Y 36
- K 18
CMYK color chart

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

The hexadecimal color #30d186 has RGB values of R:48, G:209, B:134 and CMYK values of C:0.77, M:0, Y:0.36, K:0.18. Its decimal value is 3199366.

Hex triplet	30d186	`#30d186`
RGB Decimal	48, 209, 134	`rgb(48,209,134)`
RGB Percent	18.8, 82, 52.5	`rgb(18.8%,82%,52.5%)`
CMYK	77, 0, 36, 18
HSL	152°, 63.6, 50.4	`hsl(152,63.6%,50.4%)`
HSV (or HSB)	152°, 77, 82
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.792, -57.388, 25.942
XYZ	28.32, 47.948, 30.315
xyY	0.266, 0.45, 47.948
CIE-LCH	74.792, 62.979, 155.675
CIE-LUV	74.792, -60.999, 45.036
Hunter-Lab	69.244, -48.172, 22.514
Binary	00110000, 11010001, 10000110

#30d186
```
#30d186 rgb(48,209,134)
```
#d1307b
```
#d1307b rgb(209,48,123)
```

Complementary Color

#30d136
```
#30d136 rgb(48,209,54)
```
#30d186
```
#30d186 rgb(48,209,134)
```
#30ccd1
```
#30ccd1 rgb(48,204,209)
```

Analogous Color

#d13630
```
#d13630 rgb(209,54,48)
```
#30d186
```
#30d186 rgb(48,209,134)
```
#d130cc
```
#d130cc rgb(209,48,204)
```

Split Complementary Color

#d18630
```
#d18630 rgb(209,134,48)
```
#30d186
```
#30d186 rgb(48,209,134)
```
#8630d1
```
#8630d1 rgb(134,48,209)
```

Triadic Color

#7bd130
```
#7bd130 rgb(123,209,48)
```
#30d186
```
#30d186 rgb(48,209,134)
```
#8630d1
```
#8630d1 rgb(134,48,209)
```
#d1307b
```
#d1307b rgb(209,48,123)
```

Tetradic Color

#21945e
```
#21945e rgb(33,148,94)
```
#25a96b
```
#25a96b rgb(37,169,107)
```
#2abd79
```
#2abd79 rgb(42,189,121)
```
#30d186
```
#30d186 rgb(48,209,134)
```
#45d692
```
#45d692 rgb(69,214,146)
```
#5ada9e
```
#5ada9e rgb(90,218,158)
```
#6fdfab
```
#6fdfab rgb(111,223,171)
```

Monochromatic Color

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

#30d15e
```
#30d15e rgb(48,209,94)
```
#30d16b
```
#30d16b rgb(48,209,107)
```
#30d179
```
#30d179 rgb(48,209,121)
```
#30d186
```
#30d186 rgb(48,209,134)
```
#30d193
```
#30d193 rgb(48,209,147)
```
#30d1a1
```
#30d1a1 rgb(48,209,161)
```
#30d1ae
```
#30d1ae rgb(48,209,174)
```

Similar Colors

Text with hexadecimal color #30d186

This text has a font color of #30d186.

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

#30d186 background color

This paragraph has a background color of #30d186.

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

#30d186 border color

This element has a border color of #30d186.

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

CSS codes

.text {color:#30d186;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120b
```
#04120b rgb(4,18,11)
```
#072216
```
#072216 rgb(7,34,22)
```
#0b3220
```
#0b3220 rgb(11,50,32)
```
#0f422a
```
#0f422a rgb(15,66,42)
```
#125234
```
#125234 rgb(18,82,52)
```
#16623e
```
#16623e rgb(22,98,62)
```
#197249
```
#197249 rgb(25,114,73)
```
#1d8253
```
#1d8253 rgb(29,130,83)
```
#20925d
```
#20925d rgb(32,146,93)
```
#24a267
```
#24a267 rgb(36,162,103)
```
#28b272
```
#28b272 rgb(40,178,114)
```
#2bc27c
```
#2bc27c rgb(43,194,124)
```

Shade Color Variation

#30d186
```
#30d186 rgb(48,209,134)
```
#40d58f
```
#40d58f rgb(64,213,143)
```
#50d899
```
#50d899 rgb(80,216,153)
```
#60dca2
```
#60dca2 rgb(96,220,162)
```
#70dfac
```
#70dfac rgb(112,223,172)
```
#80e3b5
```
#80e3b5 rgb(128,227,181)
```
#90e6be
```
#90e6be rgb(144,230,190)
```
#a0eac8
```
#a0eac8 rgb(160,234,200)
```
#b0eed1
```
#b0eed1 rgb(176,238,209)
```
#c0f1da
```
#c0f1da rgb(192,241,218)
```
#d0f5e4
```
#d0f5e4 rgb(208,245,228)
```
#e1f8ed
```
#e1f8ed rgb(225,248,237)
```
#f1fcf7
```
#f1fcf7 rgb(241,252,247)
```

Tint Color Variation

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

#7e8381
```
#7e8381 rgb(126,131,129)
```
#748d81
```
#748d81 rgb(116,141,129)
```
#6a9782
```
#6a9782 rgb(106,151,130)
```
#61a083
```
#61a083 rgb(97,160,131)
```
#57aa83
```
#57aa83 rgb(87,170,131)
```
#4db484
```
#4db484 rgb(77,180,132)
```
#43be85
```
#43be85 rgb(67,190,133)
```
#3ac785
```
#3ac785 rgb(58,199,133)
```
#30d186
```
#30d186 rgb(48,209,134)
```
#26db87
```
#26db87 rgb(38,219,135)
```
#1de487
```
#1de487 rgb(29,228,135)
```
#13ee88
```
#13ee88 rgb(19,238,136)
```
#09f889
```
#09f889 rgb(9,248,137)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#83a394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabb82 Protanopia 1% of men
#d9b496 Deuteranopia 1% of men
#64c9d8 Tritanopia 0.001% of the population

Trichromacy

#92c383 Protanomaly 1% of men, 0.01% of women
#9cbf90 Deuteranomaly 6% of men, 0.4% of women
#51ccba Tritanomaly 0.01% of the population

#30d186 hex color

#30d186 Color Information

#30d186 Color Conversion

Color Schemes with #30d186

Alternatives to #30d186

#30d186 Preview

Shades and Tints of #30d186

Tones of #30d186

Color Blindness Simulator