#30f6ba hex color

In a RGB color space, hex #30f6ba is composed of 18.8% red, 96.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 24.4% yellow and 3.5% black. It has a hue angle of 161.8 degrees, a saturation of 91.7% and a lightness of 57.6%. #30f6ba color hex could be obtained by blending #60ffff with #00ed75. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 96
- B 73
RGB color chart
- C 80
- M 0
- Y 24
- K 4
CMYK color chart

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

The hexadecimal color #30f6ba has RGB values of R:48, G:246, B:186 and CMYK values of C:0.8, M:0, Y:0.24, K:0.04. Its decimal value is 3208890.

Hex triplet	30f6ba	`#30f6ba`
RGB Decimal	48, 246, 186	`rgb(48,246,186)`
RGB Percent	18.8, 96.5, 72.9	`rgb(18.8%,96.5%,72.9%)`
CMYK	80, 0, 24, 4
HSL	161.8°, 91.7, 57.6	`hsl(161.8,91.7%,57.6%)`
HSV (or HSB)	161.8°, 80.5, 96.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.036, -60.185, 15.793
XYZ	43.034, 70.081, 57.711
xyY	0.252, 0.41, 70.081
CIE-LCH	87.036, 62.222, 165.296
CIE-LUV	87.036, -70.173, 33.182
Hunter-Lab	83.714, -54.74, 17.727
Binary	00110000, 11110110, 10111010

#30f6ba
```
#30f6ba rgb(48,246,186)
```
#f6306c
```
#f6306c rgb(246,48,108)
```

Complementary Color

#30f657
```
#30f657 rgb(48,246,87)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#30cff6
```
#30cff6 rgb(48,207,246)
```

Analogous Color

#f65730
```
#f65730 rgb(246,87,48)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#f630cf
```
#f630cf rgb(246,48,207)
```

Split Complementary Color

#f6ba30
```
#f6ba30 rgb(246,186,48)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#ba30f6
```
#ba30f6 rgb(186,48,246)
```

Triadic Color

#6cf630
```
#6cf630 rgb(108,246,48)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#ba30f6
```
#ba30f6 rgb(186,48,246)
```
#f6306c
```
#f6306c rgb(246,48,108)
```

Tetradic Color

#09d094
```
#09d094 rgb(9,208,148)
```
#0ae9a5
```
#0ae9a5 rgb(10,233,165)
```
#18f5b2
```
#18f5b2 rgb(24,245,178)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#48f7c2
```
#48f7c2 rgb(72,247,194)
```
#61f8ca
```
#61f8ca rgb(97,248,202)
```
#79f9d2
```
#79f9d2 rgb(121,249,210)
```

Monochromatic Color

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

#30f689
```
#30f689 rgb(48,246,137)
```
#30f699
```
#30f699 rgb(48,246,153)
```
#30f6aa
```
#30f6aa rgb(48,246,170)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#30f6cb
```
#30f6cb rgb(48,246,203)
```
#30f6db
```
#30f6db rgb(48,246,219)
```
#30f6ec
```
#30f6ec rgb(48,246,236)
```

Similar Colors

Text with hexadecimal color #30f6ba

This text has a font color of #30f6ba.

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

#30f6ba background color

This paragraph has a background color of #30f6ba.

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

#30f6ba border color

This element has a border color of #30f6ba.

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

CSS codes

.text {color:#30f6ba;}

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

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

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, #01130d is the darkest color, while #ffffff is the lightest one.

#01130d
```
#01130d rgb(1,19,13)
```
#02251b
```
#02251b rgb(2,37,27)
```
#023828
```
#023828 rgb(2,56,40)
```
#034b35
```
#034b35 rgb(3,75,53)
```
#045e43
```
#045e43 rgb(4,94,67)
```
#057150
```
#057150 rgb(5,113,80)
```
#06835d
```
#06835d rgb(6,131,93)
```
#07966b
```
#07966b rgb(7,150,107)
```
#07a978
```
#07a978 rgb(7,169,120)
```
#08bc85
```
#08bc85 rgb(8,188,133)
```
#09cf93
```
#09cf93 rgb(9,207,147)
```
#0ae1a0
```
#0ae1a0 rgb(10,225,160)
```
#0bf4ad
```
#0bf4ad rgb(11,244,173)
```

Shade Color Variation

#1df5b4
```
#1df5b4 rgb(29,245,180)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#43f7c0
```
#43f7c0 rgb(67,247,192)
```
#56f8c7
```
#56f8c7 rgb(86,248,199)
```
#68f8cd
```
#68f8cd rgb(104,248,205)
```
#7bf9d3
```
#7bf9d3 rgb(123,249,211)
```
#8efad9
```
#8efad9 rgb(142,250,217)
```
#a1fbe0
```
#a1fbe0 rgb(161,251,224)
```
#b4fce6
```
#b4fce6 rgb(180,252,230)
```
#c6fdec
```
#c6fdec rgb(198,253,236)
```
#d9fdf2
```
#d9fdf2 rgb(217,253,242)
```
#ecfef9
```
#ecfef9 rgb(236,254,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b9b96
```
#8b9b96 rgb(139,155,150)
```
#83a399
```
#83a399 rgb(131,163,153)
```
#7bab9d
```
#7bab9d rgb(123,171,157)
```
#72b4a0
```
#72b4a0 rgb(114,180,160)
```
#6abca3
```
#6abca3 rgb(106,188,163)
```
#62c4a6
```
#62c4a6 rgb(98,196,166)
```
#5accaa
```
#5accaa rgb(90,204,170)
```
#51d5ad
```
#51d5ad rgb(81,213,173)
```
#49ddb0
```
#49ddb0 rgb(73,221,176)
```
#41e5b3
```
#41e5b3 rgb(65,229,179)
```
#38eeb7
```
#38eeb7 rgb(56,238,183)
```
#30f6ba
```
#30f6ba rgb(48,246,186)
```
#28febd
```
#28febd rgb(40,254,189)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9ac1b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9dbb1 Protanopia 1% of men
#f7d4c9 Deuteranopia 1% of men
#69edfe Tritanopia 0.001% of the population

Trichromacy

#a5e5b4 Protanomaly 1% of men, 0.01% of women
#aee0c3 Deuteranomaly 6% of men, 0.4% of women
#54f0e5 Tritanomaly 0.01% of the population

#30f6ba hex color

#30f6ba Color Information

#30f6ba Color Conversion

Color Schemes with #30f6ba

Alternatives to #30f6ba

#30f6ba Preview

Shades and Tints of #30f6ba

Tones of #30f6ba

Color Blindness Simulator