#30b386 hex color

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

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

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

The hexadecimal color #30b386 has RGB values of R:48, G:179, B:134 and CMYK values of C:0.73, M:0, Y:0.25, K:0.3. Its decimal value is 3191686.

Hex triplet	30b386	`#30b386`
RGB Decimal	48, 179, 134	`rgb(48,179,134)`
RGB Percent	18.8, 70.2, 52.5	`rgb(18.8%,70.2%,52.5%)`
CMYK	73, 0, 25, 30
HSL	159.4°, 57.7, 44.5	`hsl(159.4,57.7%,44.5%)`
HSV (or HSB)	159.4°, 73.2, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	65.426, -45.663, 13.073
XYZ	21.64, 34.588, 28.089
xyY	0.257, 0.41, 34.588
CIE-LCH	65.426, 47.498, 164.023
CIE-LUV	65.426, -50.42, 25.473
Hunter-Lab	58.811, -37.239, 12.851
Binary	00110000, 10110011, 10000110

#30b386
```
#30b386 rgb(48,179,134)
```
#b3305d
```
#b3305d rgb(179,48,93)
```

Complementary Color

#30b345
```
#30b345 rgb(48,179,69)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#309fb3
```
#309fb3 rgb(48,159,179)
```

Analogous Color

#b34530
```
#b34530 rgb(179,69,48)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#b3309f
```
#b3309f rgb(179,48,159)
```

Split Complementary Color

#b38630
```
#b38630 rgb(179,134,48)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#8630b3
```
#8630b3 rgb(134,48,179)
```

Triadic Color

#5db330
```
#5db330 rgb(93,179,48)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#8630b3
```
#8630b3 rgb(134,48,179)
```
#b3305d
```
#b3305d rgb(179,48,93)
```

Tetradic Color

#207759
```
#207759 rgb(32,119,89)
```
#258b68
```
#258b68 rgb(37,139,104)
```
#2b9f77
```
#2b9f77 rgb(43,159,119)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#35c795
```
#35c795 rgb(53,199,149)
```
#48cea0
```
#48cea0 rgb(72,206,160)
```
#5cd3aa
```
#5cd3aa rgb(92,211,170)
```

Monochromatic Color

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

#30b365
```
#30b365 rgb(48,179,101)
```
#30b370
```
#30b370 rgb(48,179,112)
```
#30b37b
```
#30b37b rgb(48,179,123)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#30b391
```
#30b391 rgb(48,179,145)
```
#30b39c
```
#30b39c rgb(48,179,156)
```
#30b3a7
```
#30b3a7 rgb(48,179,167)
```

Similar Colors

Text with hexadecimal color #30b386

This text has a font color of #30b386.

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

#30b386 background color

This paragraph has a background color of #30b386.

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

#30b386 border color

This element has a border color of #30b386.

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

CSS codes

.text {color:#30b386;}

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

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

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

#020907
```
#020907 rgb(2,9,7)
```
#071812
```
#071812 rgb(7,24,18)
```
#0b281e
```
#0b281e rgb(11,40,30)
```
#0f3729
```
#0f3729 rgb(15,55,41)
```
#134735
```
#134735 rgb(19,71,53)
```
#175641
```
#175641 rgb(23,86,65)
```
#1b664c
```
#1b664c rgb(27,102,76)
```
#1f7558
```
#1f7558 rgb(31,117,88)
```
#248563
```
#248563 rgb(36,133,99)
```
#28946f
```
#28946f rgb(40,148,111)
```
#2ca47a
```
#2ca47a rgb(44,164,122)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#34c292
```
#34c292 rgb(52,194,146)
```

Shade Color Variation

#3fcb9b
```
#3fcb9b rgb(63,203,155)
```
#4ed0a3
```
#4ed0a3 rgb(78,208,163)
```
#5ed4ab
```
#5ed4ab rgb(94,212,171)
```
#6dd8b3
```
#6dd8b3 rgb(109,216,179)
```
#7ddcbb
```
#7ddcbb rgb(125,220,187)
```
#8ce0c3
```
#8ce0c3 rgb(140,224,195)
```
#9ce4cb
```
#9ce4cb rgb(156,228,203)
```
#abe8d3
```
#abe8d3 rgb(171,232,211)
```
#bbeddb
```
#bbeddb rgb(187,237,219)
```
#caf1e3
```
#caf1e3 rgb(202,241,227)
```
#d9f5eb
```
#d9f5eb rgb(217,245,235)
```
#e9f9f4
```
#e9f9f4 rgb(233,249,244)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#6d7673
```
#6d7673 rgb(109,118,115)
```
#647f76
```
#647f76 rgb(100,127,118)
```
#5c8778
```
#5c8778 rgb(92,135,120)
```
#53907b
```
#53907b rgb(83,144,123)
```
#4a997e
```
#4a997e rgb(74,153,126)
```
#41a281
```
#41a281 rgb(65,162,129)
```
#39aa83
```
#39aa83 rgb(57,170,131)
```
#30b386
```
#30b386 rgb(48,179,134)
```
#27bc89
```
#27bc89 rgb(39,188,137)
```
#1fc48b
```
#1fc48b rgb(31,196,139)
```
#16cd8e
```
#16cd8e rgb(22,205,142)
```
#0dd691
```
#0dd691 rgb(13,214,145)
```
#04df94
```
#04df94 rgb(4,223,148)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#769087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada383 Protanopia 1% of men
#b89e94 Deuteranopia 1% of men
#55b0bd Tritanopia 0.001% of the population

Trichromacy

#80a984 Protanomaly 1% of men, 0.01% of women
#86a58f Deuteranomaly 6% of men, 0.4% of women
#48b1a9 Tritanomaly 0.01% of the population

#30b386 hex color

#30b386 Color Information

#30b386 Color Conversion

Color Schemes with #30b386

Alternatives to #30b386

#30b386 Preview

Shades and Tints of #30b386

Tones of #30b386

Color Blindness Simulator