#30b38f hex color

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

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

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

The hexadecimal color #30b38f has RGB values of R:48, G:179, B:143 and CMYK values of C:0.73, M:0, Y:0.2, K:0.3. Its decimal value is 3191695.

Hex triplet	30b38f	`#30b38f`
RGB Decimal	48, 179, 143	`rgb(48,179,143)`
RGB Percent	18.8, 70.2, 56.1	`rgb(18.8%,70.2%,56.1%)`
CMYK	73, 0, 20, 30
HSL	163.5°, 57.7, 44.5	`hsl(163.5,57.7%,44.5%)`
HSV (or HSB)	163.5°, 73.2, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	65.631, -43.498, 8.417
XYZ	22.295, 34.85, 31.537
xyY	0.251, 0.393, 34.85
CIE-LCH	65.631, 44.305, 169.049
CIE-LUV	65.631, -49.844, 18.775
Hunter-Lab	59.034, -35.895, 9.65
Binary	00110000, 10110011, 10001111

#30b38f
```
#30b38f rgb(48,179,143)
```
#b33054
```
#b33054 rgb(179,48,84)
```

Complementary Color

#30b34e
```
#30b34e rgb(48,179,78)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#3096b3
```
#3096b3 rgb(48,150,179)
```

Analogous Color

#b34e30
```
#b34e30 rgb(179,78,48)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#b33096
```
#b33096 rgb(179,48,150)
```

Split Complementary Color

#b38f30
```
#b38f30 rgb(179,143,48)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#8f30b3
```
#8f30b3 rgb(143,48,179)
```

Triadic Color

#54b330
```
#54b330 rgb(84,179,48)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#8f30b3
```
#8f30b3 rgb(143,48,179)
```
#b33054
```
#b33054 rgb(179,48,84)
```

Tetradic Color

#20775f
```
#20775f rgb(32,119,95)
```
#258b6f
```
#258b6f rgb(37,139,111)
```
#2b9f7f
```
#2b9f7f rgb(43,159,127)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#35c79f
```
#35c79f rgb(53,199,159)
```
#48cea9
```
#48cea9 rgb(72,206,169)
```
#5cd3b3
```
#5cd3b3 rgb(92,211,179)
```

Monochromatic Color

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

#30b36e
```
#30b36e rgb(48,179,110)
```
#30b379
```
#30b379 rgb(48,179,121)
```
#30b384
```
#30b384 rgb(48,179,132)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#30b39a
```
#30b39a rgb(48,179,154)
```
#30b3a5
```
#30b3a5 rgb(48,179,165)
```
#30b3b0
```
#30b3b0 rgb(48,179,176)
```

Similar Colors

Text with hexadecimal color #30b38f

This text has a font color of #30b38f.

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

#30b38f background color

This paragraph has a background color of #30b38f.

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

#30b38f border color

This element has a border color of #30b38f.

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

CSS codes

.text {color:#30b38f;}

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

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

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)
```
#071813
```
#071813 rgb(7,24,19)
```
#0b2820
```
#0b2820 rgb(11,40,32)
```
#0f372c
```
#0f372c rgb(15,55,44)
```
#134739
```
#134739 rgb(19,71,57)
```
#175645
```
#175645 rgb(23,86,69)
```
#1b6651
```
#1b6651 rgb(27,102,81)
```
#1f755e
```
#1f755e rgb(31,117,94)
```
#24856a
```
#24856a rgb(36,133,106)
```
#289476
```
#289476 rgb(40,148,118)
```
#2ca483
```
#2ca483 rgb(44,164,131)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#34c29b
```
#34c29b rgb(52,194,155)
```

Shade Color Variation

#3fcba5
```
#3fcba5 rgb(63,203,165)
```
#4ed0ac
```
#4ed0ac rgb(78,208,172)
```
#5ed4b3
```
#5ed4b3 rgb(94,212,179)
```
#6dd8bb
```
#6dd8bb rgb(109,216,187)
```
#7ddcc2
```
#7ddcc2 rgb(125,220,194)
```
#8ce0c9
```
#8ce0c9 rgb(140,224,201)
```
#9ce4d0
```
#9ce4d0 rgb(156,228,208)
```
#abe8d8
```
#abe8d8 rgb(171,232,216)
```
#bbeddf
```
#bbeddf rgb(187,237,223)
```
#caf1e6
```
#caf1e6 rgb(202,241,230)
```
#d9f5ed
```
#d9f5ed rgb(217,245,237)
```
#e9f9f5
```
#e9f9f5 rgb(233,249,245)
```
#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 #04dfa3 is the most saturated one.

#6d7673
```
#6d7673 rgb(109,118,115)
```
#647f77
```
#647f77 rgb(100,127,119)
```
#5c877b
```
#5c877b rgb(92,135,123)
```
#53907f
```
#53907f rgb(83,144,127)
```
#4a9983
```
#4a9983 rgb(74,153,131)
```
#41a287
```
#41a287 rgb(65,162,135)
```
#39aa8b
```
#39aa8b rgb(57,170,139)
```
#30b38f
```
#30b38f rgb(48,179,143)
```
#27bc93
```
#27bc93 rgb(39,188,147)
```
#1fc497
```
#1fc497 rgb(31,196,151)
```
#16cd9b
```
#16cd9b rgb(22,205,155)
```
#0dd69f
```
#0dd69f rgb(13,214,159)
```
#04dfa3
```
#04dfa3 rgb(4,223,163)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#769189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca38b Protanopia 1% of men
#b69f9d Deuteranopia 1% of men
#53b1be Tritanopia 0.001% of the population

Trichromacy

#7fa98d Protanomaly 1% of men, 0.01% of women
#85a697 Deuteranomaly 6% of men, 0.4% of women
#46b1ac Tritanomaly 0.01% of the population

#30b38f hex color

#30b38f Color Information

#30b38f Color Conversion

Color Schemes with #30b38f

Alternatives to #30b38f

#30b38f Preview

Shades and Tints of #30b38f

Tones of #30b38f

Color Blindness Simulator