#30b381 hex color

In a RGB color space, hex #30b381 is composed of 18.8% red, 70.2% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 0% magenta, 27.9% yellow and 29.8% black. It has a hue angle of 157.1 degrees, a saturation of 57.7% and a lightness of 44.5%. #30b381 color hex could be obtained by blending #60ffff with #006703. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 70
- B 51
RGB color chart
- C 73
- M 0
- Y 28
- K 30
CMYK color chart

● #30b381 color description : Moderate cyan - lime green.

The hexadecimal color #30b381 has RGB values of R:48, G:179, B:129 and CMYK values of C:0.73, M:0, Y:0.28, K:0.3. Its decimal value is 3191681.

Hex triplet	30b381	`#30b381`
RGB Decimal	48, 179, 129	`rgb(48,179,129)`
RGB Percent	18.8, 70.2, 50.6	`rgb(18.8%,70.2%,50.6%)`
CMYK	73, 0, 28, 30
HSL	157.1°, 57.7, 44.5	`hsl(157.1,57.7%,44.5%)`
HSV (or HSB)	157.1°, 73.2, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	65.319, -46.812, 15.659
XYZ	21.3, 34.452, 26.295
xyY	0.26, 0.42, 34.452
CIE-LCH	65.319, 49.361, 161.505
CIE-LUV	65.319, -50.732, 29.069
Hunter-Lab	58.695, -37.942, 14.525
Binary	00110000, 10110011, 10000001

#30b381
```
#30b381 rgb(48,179,129)
```
#b33062
```
#b33062 rgb(179,48,98)
```

Complementary Color

#30b340
```
#30b340 rgb(48,179,64)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#30a4b3
```
#30a4b3 rgb(48,164,179)
```

Analogous Color

#b34030
```
#b34030 rgb(179,64,48)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#b330a4
```
#b330a4 rgb(179,48,164)
```

Split Complementary Color

#b38130
```
#b38130 rgb(179,129,48)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#8130b3
```
#8130b3 rgb(129,48,179)
```

Triadic Color

#62b330
```
#62b330 rgb(98,179,48)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#8130b3
```
#8130b3 rgb(129,48,179)
```
#b33062
```
#b33062 rgb(179,48,98)
```

Tetradic Color

#207756
```
#207756 rgb(32,119,86)
```
#258b64
```
#258b64 rgb(37,139,100)
```
#2b9f73
```
#2b9f73 rgb(43,159,115)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#35c78f
```
#35c78f rgb(53,199,143)
```
#48ce9b
```
#48ce9b rgb(72,206,155)
```
#5cd3a6
```
#5cd3a6 rgb(92,211,166)
```

Monochromatic Color

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

#30b360
```
#30b360 rgb(48,179,96)
```
#30b36b
```
#30b36b rgb(48,179,107)
```
#30b376
```
#30b376 rgb(48,179,118)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#30b38c
```
#30b38c rgb(48,179,140)
```
#30b397
```
#30b397 rgb(48,179,151)
```
#30b3a2
```
#30b3a2 rgb(48,179,162)
```

Similar Colors

Text with hexadecimal color #30b381

This text has a font color of #30b381.

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

#30b381 background color

This paragraph has a background color of #30b381.

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

#30b381 border color

This element has a border color of #30b381.

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

CSS codes

.text {color:#30b381;}

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

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

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

#020906
```
#020906 rgb(2,9,6)
```
#071812
```
#071812 rgb(7,24,18)
```
#0b281d
```
#0b281d rgb(11,40,29)
```
#0f3728
```
#0f3728 rgb(15,55,40)
```
#134733
```
#134733 rgb(19,71,51)
```
#17563e
```
#17563e rgb(23,86,62)
```
#1b6649
```
#1b6649 rgb(27,102,73)
```
#1f7554
```
#1f7554 rgb(31,117,84)
```
#248560
```
#248560 rgb(36,133,96)
```
#28946b
```
#28946b rgb(40,148,107)
```
#2ca476
```
#2ca476 rgb(44,164,118)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#34c28c
```
#34c28c rgb(52,194,140)
```

Shade Color Variation

#3fcb96
```
#3fcb96 rgb(63,203,150)
```
#4ed09e
```
#4ed09e rgb(78,208,158)
```
#5ed4a7
```
#5ed4a7 rgb(94,212,167)
```
#6dd8af
```
#6dd8af rgb(109,216,175)
```
#7ddcb8
```
#7ddcb8 rgb(125,220,184)
```
#8ce0c0
```
#8ce0c0 rgb(140,224,192)
```
#9ce4c9
```
#9ce4c9 rgb(156,228,201)
```
#abe8d1
```
#abe8d1 rgb(171,232,209)
```
#bbedda
```
#bbedda rgb(187,237,218)
```
#caf1e2
```
#caf1e2 rgb(202,241,226)
```
#d9f5ea
```
#d9f5ea rgb(217,245,234)
```
#e9f9f3
```
#e9f9f3 rgb(233,249,243)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7673 is the less saturated color, while #04df8b is the most saturated one.

#6d7673
```
#6d7673 rgb(109,118,115)
```
#647f75
```
#647f75 rgb(100,127,117)
```
#5c8777
```
#5c8777 rgb(92,135,119)
```
#539079
```
#539079 rgb(83,144,121)
```
#4a997b
```
#4a997b rgb(74,153,123)
```
#41a27d
```
#41a27d rgb(65,162,125)
```
#39aa7f
```
#39aa7f rgb(57,170,127)
```
#30b381
```
#30b381 rgb(48,179,129)
```
#27bc83
```
#27bc83 rgb(39,188,131)
```
#1fc485
```
#1fc485 rgb(31,196,133)
```
#16cd87
```
#16cd87 rgb(22,205,135)
```
#0dd689
```
#0dd689 rgb(13,214,137)
```
#04df8b
```
#04df8b rgb(4,223,139)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#758f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea37e Protanopia 1% of men
#b99d90 Deuteranopia 1% of men
#57afbc Tritanopia 0.001% of the population

Trichromacy

#80a97f Protanomaly 1% of men, 0.01% of women
#87a58a Deuteranomaly 6% of men, 0.4% of women
#49b1a7 Tritanomaly 0.01% of the population

#30b381 hex color

#30b381 Color Information

#30b381 Color Conversion

Color Schemes with #30b381

Alternatives to #30b381

#30b381 Preview

Shades and Tints of #30b381

Tones of #30b381

Color Blindness Simulator