#30f1ba hex color

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

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

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

The hexadecimal color #30f1ba has RGB values of R:48, G:241, B:186 and CMYK values of C:0.8, M:0, Y:0.23, K:0.05. Its decimal value is 3207610.

Hex triplet	30f1ba	`#30f1ba`
RGB Decimal	48, 241, 186	`rgb(48,241,186)`
RGB Percent	18.8, 94.5, 72.9	`rgb(18.8%,94.5%,72.9%)`
CMYK	80, 0, 23, 5
HSL	162.9°, 87.3, 56.7	`hsl(162.9,87.3%,56.7%)`
HSV (or HSB)	162.9°, 80.1, 94.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.544, -58.268, 13.689
XYZ	41.534, 67.08, 57.21
xyY	0.25, 0.405, 67.08
CIE-LCH	85.544, 59.854, 166.779
CIE-LUV	85.544, -68.496, 29.775
Hunter-Lab	81.902, -52.81, 15.916
Binary	00110000, 11110001, 10111010

#30f1ba
```
#30f1ba rgb(48,241,186)
```
#f13067
```
#f13067 rgb(241,48,103)
```

Complementary Color

#30f15a
```
#30f15a rgb(48,241,90)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#30c8f1
```
#30c8f1 rgb(48,200,241)
```

Analogous Color

#f15a30
```
#f15a30 rgb(241,90,48)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#f130c8
```
#f130c8 rgb(241,48,200)
```

Split Complementary Color

#f1ba30
```
#f1ba30 rgb(241,186,48)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#ba30f1
```
#ba30f1 rgb(186,48,241)
```

Triadic Color

#67f130
```
#67f130 rgb(103,241,48)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#ba30f1
```
#ba30f1 rgb(186,48,241)
```
#f13067
```
#f13067 rgb(241,48,103)
```

Tetradic Color

#0dc792
```
#0dc792 rgb(13,199,146)
```
#0fdfa4
```
#0fdfa4 rgb(15,223,164)
```
#18efb2
```
#18efb2 rgb(24,239,178)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#48f3c2
```
#48f3c2 rgb(72,243,194)
```
#60f4ca
```
#60f4ca rgb(96,244,202)
```
#78f6d2
```
#78f6d2 rgb(120,246,210)
```

Monochromatic Color

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

#30f18a
```
#30f18a rgb(48,241,138)
```
#30f19a
```
#30f19a rgb(48,241,154)
```
#30f1aa
```
#30f1aa rgb(48,241,170)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#30f1ca
```
#30f1ca rgb(48,241,202)
```
#30f1da
```
#30f1da rgb(48,241,218)
```
#30f1ea
```
#30f1ea rgb(48,241,234)
```

Similar Colors

Text with hexadecimal color #30f1ba

This text has a font color of #30f1ba.

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

#30f1ba background color

This paragraph has a background color of #30f1ba.

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

#30f1ba border color

This element has a border color of #30f1ba.

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

CSS codes

.text {color:#30f1ba;}

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

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

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

#010d0a
```
#010d0a rgb(1,13,10)
```
#022017
```
#022017 rgb(2,32,23)
```
#033225
```
#033225 rgb(3,50,37)
```
#054532
```
#054532 rgb(5,69,50)
```
#065740
```
#065740 rgb(6,87,64)
```
#07694d
```
#07694d rgb(7,105,77)
```
#087c5b
```
#087c5b rgb(8,124,91)
```
#0a8e68
```
#0a8e68 rgb(10,142,104)
```
#0ba076
```
#0ba076 rgb(11,160,118)
```
#0cb383
```
#0cb383 rgb(12,179,131)
```
#0dc591
```
#0dc591 rgb(13,197,145)
```
#0fd89e
```
#0fd89e rgb(15,216,158)
```
#10eaac
```
#10eaac rgb(16,234,172)
```

Shade Color Variation

#1ef0b4
```
#1ef0b4 rgb(30,240,180)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#42f2c0
```
#42f2c0 rgb(66,242,192)
```
#55f3c6
```
#55f3c6 rgb(85,243,198)
```
#67f5cc
```
#67f5cc rgb(103,245,204)
```
#79f6d2
```
#79f6d2 rgb(121,246,210)
```
#8cf7d9
```
#8cf7d9 rgb(140,247,217)
```
#9ef8df
```
#9ef8df rgb(158,248,223)
```
#b1fae5
```
#b1fae5 rgb(177,250,229)
```
#c3fbeb
```
#c3fbeb rgb(195,251,235)
```
#d5fcf1
```
#d5fcf1 rgb(213,252,241)
```
#e8fdf7
```
#e8fdf7 rgb(232,253,247)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

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

#8e9492
```
#8e9492 rgb(142,148,146)
```
#859c95
```
#859c95 rgb(133,156,149)
```
#7da599
```
#7da599 rgb(125,165,153)
```
#74ad9d
```
#74ad9d rgb(116,173,157)
```
#6cb6a0
```
#6cb6a0 rgb(108,182,160)
```
#63bea4
```
#63bea4 rgb(99,190,164)
```
#5bc7a8
```
#5bc7a8 rgb(91,199,168)
```
#52cfab
```
#52cfab rgb(82,207,171)
```
#4ad8af
```
#4ad8af rgb(74,216,175)
```
#41e0b3
```
#41e0b3 rgb(65,224,179)
```
#39e9b6
```
#39e9b6 rgb(57,233,182)
```
#30f1ba
```
#30f1ba rgb(48,241,186)
```
#28fabe
```
#28fabe rgb(40,250,190)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97beb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d7b1 Protanopia 1% of men
#f1d0c9 Deuteranopia 1% of men
#66e9fa Tritanopia 0.001% of the population

Trichromacy

#a2e0b4 Protanomaly 1% of men, 0.01% of women
#abdcc3 Deuteranomaly 6% of men, 0.4% of women
#52ece2 Tritanomaly 0.01% of the population

#30f1ba hex color

#30f1ba Color Information

#30f1ba Color Conversion

Color Schemes with #30f1ba

Alternatives to #30f1ba

#30f1ba Preview

Shades and Tints of #30f1ba

Tones of #30f1ba

Color Blindness Simulator