#30d171 hex color

In a RGB color space, hex #30d171 is composed of 18.8% red, 82% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 45.9% yellow and 18% black. It has a hue angle of 144.2 degrees, a saturation of 63.6% and a lightness of 50.4%. #30d171 color hex could be obtained by blending #60ffe2 with #00a300. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #30d171 has RGB values of R:48, G:209, B:113 and CMYK values of C:0.77, M:0, Y:0.46, K:0.18. Its decimal value is 3199345.

Hex triplet	30d171	`#30d171`
RGB Decimal	48, 209, 113	`rgb(48,209,113)`
RGB Percent	18.8, 82, 44.3	`rgb(18.8%,82%,44.3%)`
CMYK	77, 0, 46, 18
HSL	144.2°, 63.6, 50.4	`hsl(144.2,63.6%,50.4%)`
HSV (or HSB)	144.2°, 77, 82
Web Safe	33cc66	`#33cc66`

CIE-LAB	74.457, -61.224, 36.245
XYZ	26.998, 47.419, 23.352
xyY	0.276, 0.485, 47.419
CIE-LCH	74.457, 71.148, 149.374
CIE-LUV	74.457, -62.181, 57.713
Hunter-Lab	68.861, -50.524, 28.097
Binary	00110000, 11010001, 01110001

#30d171
```
#30d171 rgb(48,209,113)
```
#d13090
```
#d13090 rgb(209,48,144)
```

Complementary Color

#40d130
```
#40d130 rgb(64,209,48)
```
#30d171
```
#30d171 rgb(48,209,113)
```
#30d1c2
```
#30d1c2 rgb(48,209,194)
```

Analogous Color

#d13040
```
#d13040 rgb(209,48,64)
```
#30d171
```
#30d171 rgb(48,209,113)
```
#c230d1
```
#c230d1 rgb(194,48,209)
```

Split Complementary Color

#d17130
```
#d17130 rgb(209,113,48)
```
#30d171
```
#30d171 rgb(48,209,113)
```
#7130d1
```
#7130d1 rgb(113,48,209)
```

Triadic Color

#90d130
```
#90d130 rgb(144,209,48)
```
#30d171
```
#30d171 rgb(48,209,113)
```
#7130d1
```
#7130d1 rgb(113,48,209)
```
#d13090
```
#d13090 rgb(209,48,144)
```

Tetradic Color

#21944f
```
#21944f rgb(33,148,79)
```
#25a95a
```
#25a95a rgb(37,169,90)
```
#2abd66
```
#2abd66 rgb(42,189,102)
```
#30d171
```
#30d171 rgb(48,209,113)
```
#45d67f
```
#45d67f rgb(69,214,127)
```
#5ada8e
```
#5ada8e rgb(90,218,142)
```
#6fdf9c
```
#6fdf9c rgb(111,223,156)
```

Monochromatic Color

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

#30d149
```
#30d149 rgb(48,209,73)
```
#30d156
```
#30d156 rgb(48,209,86)
```
#30d164
```
#30d164 rgb(48,209,100)
```
#30d171
```
#30d171 rgb(48,209,113)
```
#30d17e
```
#30d17e rgb(48,209,126)
```
#30d18c
```
#30d18c rgb(48,209,140)
```
#30d199
```
#30d199 rgb(48,209,153)
```

Similar Colors

Text with hexadecimal color #30d171

This text has a font color of #30d171.

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

#30d171 background color

This paragraph has a background color of #30d171.

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

#30d171 border color

This element has a border color of #30d171.

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

CSS codes

.text {color:#30d171;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#041209
```
#041209 rgb(4,18,9)
```
#072212
```
#072212 rgb(7,34,18)
```
#0b321b
```
#0b321b rgb(11,50,27)
```
#0f4223
```
#0f4223 rgb(15,66,35)
```
#12522c
```
#12522c rgb(18,82,44)
```
#166235
```
#166235 rgb(22,98,53)
```
#19723d
```
#19723d rgb(25,114,61)
```
#1d8246
```
#1d8246 rgb(29,130,70)
```
#20924e
```
#20924e rgb(32,146,78)
```
#24a257
```
#24a257 rgb(36,162,87)
```
#28b260
```
#28b260 rgb(40,178,96)
```
#2bc268
```
#2bc268 rgb(43,194,104)
```

Shade Color Variation

#30d171
```
#30d171 rgb(48,209,113)
```
#40d57c
```
#40d57c rgb(64,213,124)
```
#50d887
```
#50d887 rgb(80,216,135)
```
#60dc92
```
#60dc92 rgb(96,220,146)
```
#70df9d
```
#70df9d rgb(112,223,157)
```
#80e3a8
```
#80e3a8 rgb(128,227,168)
```
#90e6b3
```
#90e6b3 rgb(144,230,179)
```
#a0eabe
```
#a0eabe rgb(160,234,190)
```
#b0eec9
```
#b0eec9 rgb(176,238,201)
```
#c0f1d4
```
#c0f1d4 rgb(192,241,212)
```
#d0f5df
```
#d0f5df rgb(208,245,223)
```
#e1f8ea
```
#e1f8ea rgb(225,248,234)
```
#f1fcf5
```
#f1fcf5 rgb(241,252,245)
```

Tint Color Variation

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

#7e8380
```
#7e8380 rgb(126,131,128)
```
#748d7e
```
#748d7e rgb(116,141,126)
```
#6a977c
```
#6a977c rgb(106,151,124)
```
#61a07a
```
#61a07a rgb(97,160,122)
```
#57aa78
```
#57aa78 rgb(87,170,120)
```
#4db477
```
#4db477 rgb(77,180,119)
```
#43be75
```
#43be75 rgb(67,190,117)
```
#3ac773
```
#3ac773 rgb(58,199,115)
```
#30d171
```
#30d171 rgb(48,209,113)
```
#26db6f
```
#26db6f rgb(38,219,111)
```
#1de46d
```
#1de46d rgb(29,228,109)
```
#13ee6b
```
#13ee6b rgb(19,238,107)
```
#09f86a
```
#09f86a rgb(9,248,106)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#82a28f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccba6f Protanopia 1% of men
#ddb383 Deuteranopia 1% of men
#68c8d7 Tritanopia 0.001% of the population

Trichromacy

#93c270 Protanomaly 1% of men, 0.01% of women
#9ebe7c Deuteranomaly 6% of men, 0.4% of women
#53cbb1 Tritanomaly 0.01% of the population

#30d171 hex color

#30d171 Color Information

#30d171 Color Conversion

Color Schemes with #30d171

Alternatives to #30d171

#30d171 Preview

Shades and Tints of #30d171

Tones of #30d171

Color Blindness Simulator