#30f49a hex color

In a RGB color space, hex #30f49a is composed of 18.8% red, 95.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 0% magenta, 36.9% yellow and 4.3% black. It has a hue angle of 152.4 degrees, a saturation of 89.9% and a lightness of 57.3%. #30f49a color hex could be obtained by blending #60ffff with #00e935. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #30f49a has RGB values of R:48, G:244, B:154 and CMYK values of C:0.8, M:0, Y:0.37, K:0.04. Its decimal value is 3208346.

Hex triplet	30f49a	`#30f49a`
RGB Decimal	48, 244, 154	`rgb(48,244,154)`
RGB Percent	18.8, 95.7, 60.4	`rgb(18.8%,95.7%,60.4%)`
CMYK	80, 0, 37, 4
HSL	152.4°, 89.9, 57.3	`hsl(152.4,89.9%,57.3%)`
HSV (or HSB)	152.4°, 80.3, 95.7
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.836, -66.137, 30.509
XYZ	39.399, 67.659, 41.553
xyY	0.265, 0.455, 67.659
CIE-LCH	85.836, 72.834, 155.236
CIE-LUV	85.836, -71.597, 53.75
Hunter-Lab	82.255, -58.446, 27.627
Binary	00110000, 11110100, 10011010

#30f49a
```
#30f49a rgb(48,244,154)
```
#f4308a
```
#f4308a rgb(244,48,138)
```

Complementary Color

#30f438
```
#30f438 rgb(48,244,56)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#30ecf4
```
#30ecf4 rgb(48,236,244)
```

Analogous Color

#f43830
```
#f43830 rgb(244,56,48)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#f430ec
```
#f430ec rgb(244,48,236)
```

Split Complementary Color

#f49a30
```
#f49a30 rgb(244,154,48)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#9a30f4
```
#9a30f4 rgb(154,48,244)
```

Triadic Color

#8af430
```
#8af430 rgb(138,244,48)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#9a30f4
```
#9a30f4 rgb(154,48,244)
```
#f4308a
```
#f4308a rgb(244,48,138)
```

Tetradic Color

#0bcd74
```
#0bcd74 rgb(11,205,116)
```
#0ce581
```
#0ce581 rgb(12,229,129)
```
#18f38e
```
#18f38e rgb(24,243,142)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#48f5a6
```
#48f5a6 rgb(72,245,166)
```
#60f7b2
```
#60f7b2 rgb(96,247,178)
```
#79f8bd
```
#79f8bd rgb(121,248,189)
```

Monochromatic Color

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

#30f469
```
#30f469 rgb(48,244,105)
```
#30f479
```
#30f479 rgb(48,244,121)
```
#30f48a
```
#30f48a rgb(48,244,138)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#30f4aa
```
#30f4aa rgb(48,244,170)
```
#30f4bb
```
#30f4bb rgb(48,244,187)
```
#30f4cb
```
#30f4cb rgb(48,244,203)
```

Similar Colors

Text with hexadecimal color #30f49a

This text has a font color of #30f49a.

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

#30f49a background color

This paragraph has a background color of #30f49a.

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

#30f49a border color

This element has a border color of #30f49a.

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

CSS codes

.text {color:#30f49a;}

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

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

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

#011109
```
#011109 rgb(1,17,9)
```
#022314
```
#022314 rgb(2,35,20)
```
#03361e
```
#03361e rgb(3,54,30)
```
#044829
```
#044829 rgb(4,72,41)
```
#055b33
```
#055b33 rgb(5,91,51)
```
#066e3e
```
#066e3e rgb(6,110,62)
```
#078048
```
#078048 rgb(7,128,72)
```
#089353
```
#089353 rgb(8,147,83)
```
#09a65e
```
#09a65e rgb(9,166,94)
```
#0ab868
```
#0ab868 rgb(10,184,104)
```
#0bcb73
```
#0bcb73 rgb(11,203,115)
```
#0cdd7d
```
#0cdd7d rgb(12,221,125)
```
#0df088
```
#0df088 rgb(13,240,136)
```

Shade Color Variation

#1df391
```
#1df391 rgb(29,243,145)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#43f5a3
```
#43f5a3 rgb(67,245,163)
```
#55f6ac
```
#55f6ac rgb(85,246,172)
```
#68f7b5
```
#68f7b5 rgb(104,247,181)
```
#7bf8be
```
#7bf8be rgb(123,248,190)
```
#8df9c7
```
#8df9c7 rgb(141,249,199)
```
#a0fad1
```
#a0fad1 rgb(160,250,209)
```
#b2fbda
```
#b2fbda rgb(178,251,218)
```
#c5fce3
```
#c5fce3 rgb(197,252,227)
```
#d8fdec
```
#d8fdec rgb(216,253,236)
```
#eafef5
```
#eafef5 rgb(234,254,245)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#8c9892
```
#8c9892 rgb(140,152,146)
```
#84a093
```
#84a093 rgb(132,160,147)
```
#7ba994
```
#7ba994 rgb(123,169,148)
```
#73b195
```
#73b195 rgb(115,177,149)
```
#6bb995
```
#6bb995 rgb(107,185,149)
```
#62c296
```
#62c296 rgb(98,194,150)
```
#5aca97
```
#5aca97 rgb(90,202,151)
```
#52d297
```
#52d297 rgb(82,210,151)
```
#49db98
```
#49db98 rgb(73,219,152)
```
#41e399
```
#41e399 rgb(65,227,153)
```
#38ec99
```
#38ec99 rgb(56,236,153)
```
#30f49a
```
#30f49a rgb(48,244,154)
```
#28fc9b
```
#28fc9b rgb(40,252,155)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#96bdab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead894 Protanopia 1% of men
#fcd0ab Deuteranopia 1% of men
#70e9fa Tritanopia 0.001% of the population

Trichromacy

#a6e296 Protanomaly 1% of men, 0.01% of women
#b1dda5 Deuteranomaly 6% of men, 0.4% of women
#59edd7 Tritanomaly 0.01% of the population

#30f49a hex color

#30f49a Color Information

#30f49a Color Conversion

Color Schemes with #30f49a

Alternatives to #30f49a

#30f49a Preview

Shades and Tints of #30f49a

Tones of #30f49a

Color Blindness Simulator