#30c186 hex color

In a RGB color space, hex #30c186 is composed of 18.8% red, 75.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 0% magenta, 30.6% yellow and 24.3% black. It has a hue angle of 155.6 degrees, a saturation of 60.2% and a lightness of 47.3%. #30c186 color hex could be obtained by blending #60ffff with #00830d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 76
- B 53
RGB color chart
- C 75
- M 0
- Y 31
- K 24
CMYK color chart

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

The hexadecimal color #30c186 has RGB values of R:48, G:193, B:134 and CMYK values of C:0.75, M:0, Y:0.31, K:0.24. Its decimal value is 3195270.

Hex triplet	30c186	`#30c186`
RGB Decimal	48, 193, 134	`rgb(48,193,134)`
RGB Percent	18.8, 75.7, 52.5	`rgb(18.8%,75.7%,52.5%)`
CMYK	75, 0, 31, 24
HSL	155.6°, 60.2, 47.3	`hsl(155.6,60.2%,47.3%)`
HSV (or HSB)	155.6°, 75.1, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.815, -51.294, 19.171
XYZ	24.59, 40.487, 29.072
xyY	0.261, 0.43, 40.487
CIE-LCH	69.815, 54.76, 159.506
CIE-LUV	69.815, -55.418, 34.831
Hunter-Lab	63.629, -42.369, 17.452
Binary	00110000, 11000001, 10000110

#30c186
```
#30c186 rgb(48,193,134)
```
#c1306b
```
#c1306b rgb(193,48,107)
```

Complementary Color

#30c13e
```
#30c13e rgb(48,193,62)
```
#30c186
```
#30c186 rgb(48,193,134)
```
#30b4c1
```
#30b4c1 rgb(48,180,193)
```

Analogous Color

#c13e30
```
#c13e30 rgb(193,62,48)
```
#30c186
```
#30c186 rgb(48,193,134)
```
#c130b4
```
#c130b4 rgb(193,48,180)
```

Split Complementary Color

#c18630
```
#c18630 rgb(193,134,48)
```
#30c186
```
#30c186 rgb(48,193,134)
```
#8630c1
```
#8630c1 rgb(134,48,193)
```

Triadic Color

#6bc130
```
#6bc130 rgb(107,193,48)
```
#30c186
```
#30c186 rgb(48,193,134)
```
#8630c1
```
#8630c1 rgb(134,48,193)
```
#c1306b
```
#c1306b rgb(193,48,107)
```

Tetradic Color

#21845b
```
#21845b rgb(33,132,91)
```
#26986a
```
#26986a rgb(38,152,106)
```
#2bad78
```
#2bad78 rgb(43,173,120)
```
#30c186
```
#30c186 rgb(48,193,134)
```
#3ccf93
```
#3ccf93 rgb(60,207,147)
```
#50d49e
```
#50d49e rgb(80,212,158)
```
#65d9aa
```
#65d9aa rgb(101,217,170)
```

Monochromatic Color

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

#30c162
```
#30c162 rgb(48,193,98)
```
#30c16e
```
#30c16e rgb(48,193,110)
```
#30c17a
```
#30c17a rgb(48,193,122)
```
#30c186
```
#30c186 rgb(48,193,134)
```
#30c192
```
#30c192 rgb(48,193,146)
```
#30c19e
```
#30c19e rgb(48,193,158)
```
#30c1aa
```
#30c1aa rgb(48,193,170)
```

Similar Colors

Text with hexadecimal color #30c186

This text has a font color of #30c186.

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

#30c186 background color

This paragraph has a background color of #30c186.

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

#30c186 border color

This element has a border color of #30c186.

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

CSS codes

.text {color:#30c186;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#05140e
```
#05140e rgb(5,20,14)
```
#092419
```
#092419 rgb(9,36,25)
```
#0d3424
```
#0d3424 rgb(13,52,36)
```
#11432f
```
#11432f rgb(17,67,47)
```
#15533a
```
#15533a rgb(21,83,58)
```
#196345
```
#196345 rgb(25,99,69)
```
#1c724f
```
#1c724f rgb(28,114,79)
```
#20825a
```
#20825a rgb(32,130,90)
```
#249265
```
#249265 rgb(36,146,101)
```
#28a270
```
#28a270 rgb(40,162,112)
```
#2cb17b
```
#2cb17b rgb(44,177,123)
```
#30c186
```
#30c186 rgb(48,193,134)
```

Shade Color Variation

#37cd90
```
#37cd90 rgb(55,205,144)
```
#47d199
```
#47d199 rgb(71,209,153)
```
#57d5a2
```
#57d5a2 rgb(87,213,162)
```
#66d9aa
```
#66d9aa rgb(102,217,170)
```
#76ddb3
```
#76ddb3 rgb(118,221,179)
```
#86e1bc
```
#86e1bc rgb(134,225,188)
```
#96e5c5
```
#96e5c5 rgb(150,229,197)
```
#a5e9cd
```
#a5e9cd rgb(165,233,205)
```
#b5edd6
```
#b5edd6 rgb(181,237,214)
```
#c5f0df
```
#c5f0df rgb(197,240,223)
```
#d4f4e7
```
#d4f4e7 rgb(212,244,231)
```
#e4f8f0
```
#e4f8f0 rgb(228,248,240)
```
#f4fcf9
```
#f4fcf9 rgb(244,252,249)
```

Tint Color Variation

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

#71807a
```
#71807a rgb(113,128,122)
```
#68897c
```
#68897c rgb(104,137,124)
```
#5e937d
```
#5e937d rgb(94,147,125)
```
#559c7f
```
#559c7f rgb(85,156,127)
```
#4ca581
```
#4ca581 rgb(76,165,129)
```
#43ae83
```
#43ae83 rgb(67,174,131)
```
#39b884
```
#39b884 rgb(57,184,132)
```
#30c186
```
#30c186 rgb(48,193,134)
```
#27ca88
```
#27ca88 rgb(39,202,136)
```
#1dd489
```
#1dd489 rgb(29,212,137)
```
#14dd8b
```
#14dd8b rgb(20,221,139)
```
#0be68d
```
#0be68d rgb(11,230,141)
```
#02ef8f
```
#02ef8f rgb(2,239,143)
```

Tone Color Variation

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

Dichromacy

#bbae83 Protanopia 1% of men
#c8a895 Deuteranopia 1% of men
#5cbcc9 Tritanopia 0.001% of the population

Trichromacy

#88b584 Protanomaly 1% of men, 0.01% of women
#90b190 Deuteranomaly 6% of men, 0.4% of women
#4cbdb1 Tritanomaly 0.01% of the population

#30c186 hex color

#30c186 Color Information

#30c186 Color Conversion

Color Schemes with #30c186

Alternatives to #30c186

#30c186 Preview

Shades and Tints of #30c186

Tones of #30c186

Color Blindness Simulator