#30f188 hex color

In a RGB color space, hex #30f188 is composed of 18.8% red, 94.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 0% magenta, 43.6% yellow and 5.5% black. It has a hue angle of 147.4 degrees, a saturation of 87.3% and a lightness of 56.7%. #30f188 color hex could be obtained by blending #60ffff with #00e311. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 95
- B 53
RGB color chart
- C 80
- M 0
- Y 44
- K 5
CMYK color chart

● #30f188 color description : Bright cyan - lime green.

The hexadecimal color #30f188 has RGB values of R:48, G:241, B:136 and CMYK values of C:0.8, M:0, Y:0.44, K:0.05. Its decimal value is 3207560.

Hex triplet	30f188	`#30f188`
RGB Decimal	48, 241, 136	`rgb(48,241,136)`
RGB Percent	18.8, 94.5, 53.3	`rgb(18.8%,94.5%,53.3%)`
CMYK	80, 0, 44, 5
HSL	147.4°, 87.3, 56.7	`hsl(147.4,87.3%,56.7%)`
HSV (or HSB)	147.4°, 80.1, 94.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.645, -68.351, 37.916
XYZ	37.115, 65.313, 33.942
xyY	0.272, 0.479, 65.313
CIE-LCH	84.645, 78.163, 150.981
CIE-LUV	84.645, -71.659, 62.876
Hunter-Lab	80.816, -59.451, 31.67
Binary	00110000, 11110001, 10001000

#30f188
```
#30f188 rgb(48,241,136)
```
#f13099
```
#f13099 rgb(241,48,153)
```

Complementary Color

#39f130
```
#39f130 rgb(57,241,48)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#30f1e9
```
#30f1e9 rgb(48,241,233)
```

Analogous Color

#f13039
```
#f13039 rgb(241,48,57)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#e930f1
```
#e930f1 rgb(233,48,241)
```

Split Complementary Color

#f18830
```
#f18830 rgb(241,136,48)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#8830f1
```
#8830f1 rgb(136,48,241)
```

Triadic Color

#99f130
```
#99f130 rgb(153,241,48)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#8830f1
```
#8830f1 rgb(136,48,241)
```
#f13099
```
#f13099 rgb(241,48,153)
```

Tetradic Color

#0dc762
```
#0dc762 rgb(13,199,98)
```
#0fdf6e
```
#0fdf6e rgb(15,223,110)
```
#18ef7a
```
#18ef7a rgb(24,239,122)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#60f4a3
```
#60f4a3 rgb(96,244,163)
```
#78f6b1
```
#78f6b1 rgb(120,246,177)
```

Monochromatic Color

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

#30f158
```
#30f158 rgb(48,241,88)
```
#30f168
```
#30f168 rgb(48,241,104)
```
#30f178
```
#30f178 rgb(48,241,120)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#30f198
```
#30f198 rgb(48,241,152)
```
#30f1a8
```
#30f1a8 rgb(48,241,168)
```
#30f1b8
```
#30f1b8 rgb(48,241,184)
```

Similar Colors

Text with hexadecimal color #30f188

This text has a font color of #30f188.

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

#30f188 background color

This paragraph has a background color of #30f188.

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

#30f188 border color

This element has a border color of #30f188.

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

CSS codes

.text {color:#30f188;}

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

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

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, #010d07 is the darkest color, while #fafffc is the lightest one.

#010d07
```
#010d07 rgb(1,13,7)
```
#022010
```
#022010 rgb(2,32,16)
```
#033219
```
#033219 rgb(3,50,25)
```
#054522
```
#054522 rgb(5,69,34)
```
#06572b
```
#06572b rgb(6,87,43)
```
#076934
```
#076934 rgb(7,105,52)
```
#087c3d
```
#087c3d rgb(8,124,61)
```
#0a8e46
```
#0a8e46 rgb(10,142,70)
```
#0ba04f
```
#0ba04f rgb(11,160,79)
```
#0cb358
```
#0cb358 rgb(12,179,88)
```
#0dc561
```
#0dc561 rgb(13,197,97)
```
#0fd86a
```
#0fd86a rgb(15,216,106)
```
#10ea73
```
#10ea73 rgb(16,234,115)
```

Shade Color Variation

#1ef07d
```
#1ef07d rgb(30,240,125)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#42f293
```
#42f293 rgb(66,242,147)
```
#55f39d
```
#55f39d rgb(85,243,157)
```
#67f5a8
```
#67f5a8 rgb(103,245,168)
```
#79f6b2
```
#79f6b2 rgb(121,246,178)
```
#8cf7bd
```
#8cf7bd rgb(140,247,189)
```
#9ef8c7
```
#9ef8c7 rgb(158,248,199)
```
#b1fad2
```
#b1fad2 rgb(177,250,210)
```
#c3fbdc
```
#c3fbdc rgb(195,251,220)
```
#d5fce7
```
#d5fce7 rgb(213,252,231)
```
#e8fdf2
```
#e8fdf2 rgb(232,253,242)
```
#fafffc
```
#fafffc rgb(250,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9490 is the less saturated color, while #28fa87 is the most saturated one.

#8e9490
```
#8e9490 rgb(142,148,144)
```
#859c8f
```
#859c8f rgb(133,156,143)
```
#7da58f
```
#7da58f rgb(125,165,143)
```
#74ad8e
```
#74ad8e rgb(116,173,142)
```
#6cb68d
```
#6cb68d rgb(108,182,141)
```
#63be8c
```
#63be8c rgb(99,190,140)
```
#5bc78c
```
#5bc78c rgb(91,199,140)
```
#52cf8b
```
#52cf8b rgb(82,207,139)
```
#4ad88a
```
#4ad88a rgb(74,216,138)
```
#41e089
```
#41e089 rgb(65,224,137)
```
#39e989
```
#39e989 rgb(57,233,137)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#28fa87
```
#28fa87 rgb(40,250,135)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#92b9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d583 Protanopia 1% of men
#fccd9b Deuteranopia 1% of men
#73e5f6 Tritanopia 0.001% of the population

Trichromacy

#a5df85 Protanomaly 1% of men, 0.01% of women
#b1da94 Deuteranomaly 6% of men, 0.4% of women
#5ae9ce Tritanomaly 0.01% of the population

#30f188 hex color

#30f188 Color Information

#30f188 Color Conversion

Color Schemes with #30f188

Alternatives to #30f188

#30f188 Preview

Shades and Tints of #30f188

Tones of #30f188

Color Blindness Simulator