#30f8a6 hex color

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

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

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

The hexadecimal color #30f8a6 has RGB values of R:48, G:248, B:166 and CMYK values of C:0.81, M:0, Y:0.33, K:0.03. Its decimal value is 3209382.

Hex triplet	30f8a6	`#30f8a6`
RGB Decimal	48, 248, 166	`rgb(48,248,166)`
RGB Percent	18.8, 97.3, 65.1	`rgb(18.8%,97.3%,65.1%)`
CMYK	81, 0, 33, 3
HSL	155.4°, 93.5, 58	`hsl(155.4,93.5%,58%)`
HSV (or HSB)	155.4°, 80.6, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.247, -65.206, 26.34
XYZ	41.666, 70.512, 47.489
xyY	0.261, 0.442, 70.512
CIE-LCH	87.247, 70.325, 158.003
CIE-LUV	87.247, -72.17, 48.429
Hunter-Lab	83.971, -58.38, 25.25
Binary	00110000, 11111000, 10100110

#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#f83082
```
#f83082 rgb(248,48,130)
```

Complementary Color

#30f842
```
#30f842 rgb(48,248,66)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#30e6f8
```
#30e6f8 rgb(48,230,248)
```

Analogous Color

#f84230
```
#f84230 rgb(248,66,48)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#f830e6
```
#f830e6 rgb(248,48,230)
```

Split Complementary Color

#f8a630
```
#f8a630 rgb(248,166,48)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#a630f8
```
#a630f8 rgb(166,48,248)
```

Triadic Color

#82f830
```
#82f830 rgb(130,248,48)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#a630f8
```
#a630f8 rgb(166,48,248)
```
#f83082
```
#f83082 rgb(248,48,130)
```

Tetradic Color

#07d480
```
#07d480 rgb(7,212,128)
```
#08ed8f
```
#08ed8f rgb(8,237,143)
```
#17f79b
```
#17f79b rgb(23,247,155)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#49f9b1
```
#49f9b1 rgb(73,249,177)
```
#61fabb
```
#61fabb rgb(97,250,187)
```
#7afbc6
```
#7afbc6 rgb(122,251,198)
```

Monochromatic Color

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

#30f874
```
#30f874 rgb(48,248,116)
```
#30f885
```
#30f885 rgb(48,248,133)
```
#30f895
```
#30f895 rgb(48,248,149)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#30f8b7
```
#30f8b7 rgb(48,248,183)
```
#30f8c7
```
#30f8c7 rgb(48,248,199)
```
#30f8d8
```
#30f8d8 rgb(48,248,216)
```

Similar Colors

Text with hexadecimal color #30f8a6

This text has a font color of #30f8a6.

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

#30f8a6 background color

This paragraph has a background color of #30f8a6.

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

#30f8a6 border color

This element has a border color of #30f8a6.

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

CSS codes

.text {color:#30f8a6;}

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

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

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 #eefef8 is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#01150c
```
#01150c rgb(1,21,12)
```
#012818
```
#012818 rgb(1,40,24)
```
#023b23
```
#023b23 rgb(2,59,35)
```
#034e2f
```
#034e2f rgb(3,78,47)
```
#03613a
```
#03613a rgb(3,97,58)
```
#047446
```
#047446 rgb(4,116,70)
```
#058751
```
#058751 rgb(5,135,81)
```
#059a5d
```
#059a5d rgb(5,154,93)
```
#06ac68
```
#06ac68 rgb(6,172,104)
```
#06bf74
```
#06bf74 rgb(6,191,116)
```
#07d27f
```
#07d27f rgb(7,210,127)
```
#08e58b
```
#08e58b rgb(8,229,139)
```

Shade Color Variation

#0af796
```
#0af796 rgb(10,247,150)
```
#1df79e
```
#1df79e rgb(29,247,158)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```
#43f9ae
```
#43f9ae rgb(67,249,174)
```
#56f9b6
```
#56f9b6 rgb(86,249,182)
```
#69fabe
```
#69fabe rgb(105,250,190)
```
#7cfbc7
```
#7cfbc7 rgb(124,251,199)
```
#8ffbcf
```
#8ffbcf rgb(143,251,207)
```
#a2fcd7
```
#a2fcd7 rgb(162,252,215)
```
#b5fcdf
```
#b5fcdf rgb(181,252,223)
```
#c8fde7
```
#c8fde7 rgb(200,253,231)
```
#dbfeef
```
#dbfeef rgb(219,254,239)
```
#eefef8
```
#eefef8 rgb(238,254,248)
```

Tint Color Variation

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

#939594
```
#939594 rgb(147,149,148)
```
#8b9d96
```
#8b9d96 rgb(139,157,150)
```
#82a697
```
#82a697 rgb(130,166,151)
```
#7aae99
```
#7aae99 rgb(122,174,153)
```
#72b69a
```
#72b69a rgb(114,182,154)
```
#6abe9c
```
#6abe9c rgb(106,190,156)
```
#61c79d
```
#61c79d rgb(97,199,157)
```
#59cf9f
```
#59cf9f rgb(89,207,159)
```
#51d7a0
```
#51d7a0 rgb(81,215,160)
```
#49dfa2
```
#49dfa2 rgb(73,223,162)
```
#40e8a3
```
#40e8a3 rgb(64,232,163)
```
#38f0a5
```
#38f0a5 rgb(56,240,165)
```
#30f8a6
```
#30f8a6 rgb(48,248,166)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#99c1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eddc9f Protanopia 1% of men
#fed4b7 Deuteranopia 1% of men
#6fedfe Tritanopia 0.001% of the population

Trichromacy

#a8e6a1 Protanomaly 1% of men, 0.01% of women
#b3e1b0 Deuteranomaly 6% of men, 0.4% of women
#58f1de Tritanomaly 0.01% of the population

#30f8a6 hex color

#30f8a6 Color Information

#30f8a6 Color Conversion

Color Schemes with #30f8a6

Alternatives to #30f8a6

#30f8a6 Preview

Shades and Tints of #30f8a6

Tones of #30f8a6

Color Blindness Simulator