#30f8ba hex color

In a RGB color space, hex #30f8ba is composed of 18.8% red, 97.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 25% yellow and 2.7% black. It has a hue angle of 161.4 degrees, a saturation of 93.5% and a lightness of 58%. #30f8ba color hex could be obtained by blending #60ffff with #00f175. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 97
- B 73
RGB color chart
- C 81
- M 0
- Y 25
- K 3
CMYK color chart

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

The hexadecimal color #30f8ba has RGB values of R:48, G:248, B:186 and CMYK values of C:0.81, M:0, Y:0.25, K:0.03. Its decimal value is 3209402.

Hex triplet	30f8ba	`#30f8ba`
RGB Decimal	48, 248, 186	`rgb(48,248,186)`
RGB Percent	18.8, 97.3, 72.9	`rgb(18.8%,97.3%,72.9%)`
CMYK	81, 0, 25, 3
HSL	161.4°, 93.5, 58	`hsl(161.4,93.5%,58%)`
HSV (or HSB)	161.4°, 80.6, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.632, -60.943, 16.63
XYZ	43.646, 71.304, 57.914
xyY	0.252, 0.412, 71.304
CIE-LCH	87.632, 63.172, 164.737
CIE-LUV	87.632, -70.841, 34.533
Hunter-Lab	84.442, -55.511, 18.445
Binary	00110000, 11111000, 10111010

#30f8ba
```
#30f8ba rgb(48,248,186)
```
#f8306e
```
#f8306e rgb(248,48,110)
```

Complementary Color

#30f856
```
#30f856 rgb(48,248,86)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```
#30d2f8
```
#30d2f8 rgb(48,210,248)
```

Analogous Color

#f85630
```
#f85630 rgb(248,86,48)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```
#f830d2
```
#f830d2 rgb(248,48,210)
```

Split Complementary Color

#f8ba30
```
#f8ba30 rgb(248,186,48)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```
#ba30f8
```
#ba30f8 rgb(186,48,248)
```

Triadic Color

#6ef830
```
#6ef830 rgb(110,248,48)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```
#ba30f8
```
#ba30f8 rgb(186,48,248)
```
#f8306e
```
#f8306e rgb(248,48,110)
```

Tetradic Color

#07d495
```
#07d495 rgb(7,212,149)
```
#08eda6
```
#08eda6 rgb(8,237,166)
```
#17f7b2
```
#17f7b2 rgb(23,247,178)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```
#49f9c2
```
#49f9c2 rgb(73,249,194)
```
#61faca
```
#61faca rgb(97,250,202)
```
#7afbd3
```
#7afbd3 rgb(122,251,211)
```

Monochromatic Color

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

#30f888
```
#30f888 rgb(48,248,136)
```
#30f899
```
#30f899 rgb(48,248,153)
```
#30f8a9
```
#30f8a9 rgb(48,248,169)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```
#30f8cb
```
#30f8cb rgb(48,248,203)
```
#30f8db
```
#30f8db rgb(48,248,219)
```
#30f8ec
```
#30f8ec rgb(48,248,236)
```

Similar Colors

Text with hexadecimal color #30f8ba

This text has a font color of #30f8ba.

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

#30f8ba background color

This paragraph has a background color of #30f8ba.

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

#30f8ba border color

This element has a border color of #30f8ba.

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

CSS codes

.text {color:#30f8ba;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#01150e
```
#01150e rgb(1,21,14)
```
#01281c
```
#01281c rgb(1,40,28)
```
#023b29
```
#023b29 rgb(2,59,41)
```
#034e36
```
#034e36 rgb(3,78,54)
```
#036144
```
#036144 rgb(3,97,68)
```
#047451
```
#047451 rgb(4,116,81)
```
#05875e
```
#05875e rgb(5,135,94)
```
#059a6c
```
#059a6c rgb(5,154,108)
```
#06ac79
```
#06ac79 rgb(6,172,121)
```
#06bf86
```
#06bf86 rgb(6,191,134)
```
#07d293
```
#07d293 rgb(7,210,147)
```
#08e5a1
```
#08e5a1 rgb(8,229,161)
```

Shade Color Variation

#0af7ad
```
#0af7ad rgb(10,247,173)
```
#1df7b4
```
#1df7b4 rgb(29,247,180)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```
#43f9c0
```
#43f9c0 rgb(67,249,192)
```
#56f9c7
```
#56f9c7 rgb(86,249,199)
```
#69facd
```
#69facd rgb(105,250,205)
```
#7cfbd3
```
#7cfbd3 rgb(124,251,211)
```
#8ffbda
```
#8ffbda rgb(143,251,218)
```
#a2fce0
```
#a2fce0 rgb(162,252,224)
```
#b5fce6
```
#b5fce6 rgb(181,252,230)
```
#c8fded
```
#c8fded rgb(200,253,237)
```
#dbfef3
```
#dbfef3 rgb(219,254,243)
```
#eefef9
```
#eefef9 rgb(238,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939594 is the less saturated color, while #30f8ba is the most saturated one.

#939594
```
#939594 rgb(147,149,148)
```
#8b9d98
```
#8b9d98 rgb(139,157,152)
```
#82a69b
```
#82a69b rgb(130,166,155)
```
#7aae9e
```
#7aae9e rgb(122,174,158)
```
#72b6a1
```
#72b6a1 rgb(114,182,161)
```
#6abea4
```
#6abea4 rgb(106,190,164)
```
#61c7a7
```
#61c7a7 rgb(97,199,167)
```
#59cfaa
```
#59cfaa rgb(89,207,170)
```
#51d7ad
```
#51d7ad rgb(81,215,173)
```
#49dfb1
```
#49dfb1 rgb(73,223,177)
```
#40e8b4
```
#40e8b4 rgb(64,232,180)
```
#38f0b7
```
#38f0b7 rgb(56,240,183)
```
#30f8ba
```
#30f8ba rgb(48,248,186)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9ac2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebddb1 Protanopia 1% of men
#f9d6c9 Deuteranopia 1% of men
#75eeff Tritanopia 0.001% of the population

Trichromacy

#a7e6b4 Protanomaly 1% of men, 0.01% of women
#b0e2c3 Deuteranomaly 6% of men, 0.4% of women
#5bf1e5 Tritanomaly 0.01% of the population

#30f8ba hex color

#30f8ba Color Information

#30f8ba Color Conversion

Color Schemes with #30f8ba

Alternatives to #30f8ba

#30f8ba Preview

Shades and Tints of #30f8ba

Tones of #30f8ba

Color Blindness Simulator