#30f0a4 hex color

In a RGB color space, hex #30f0a4 is composed of 18.8% red, 94.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 31.7% yellow and 5.9% black. It has a hue angle of 156.3 degrees, a saturation of 86.5% and a lightness of 56.5%. #30f0a4 color hex could be obtained by blending #60ffff with #00e149. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 94
- B 64
RGB color chart
- C 80
- M 0
- Y 32
- K 6
CMYK color chart

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

The hexadecimal color #30f0a4 has RGB values of R:48, G:240, B:164 and CMYK values of C:0.8, M:0, Y:0.32, K:0.06. Its decimal value is 3207332.

Hex triplet	30f0a4	`#30f0a4`
RGB Decimal	48, 240, 164	`rgb(48,240,164)`
RGB Percent	18.8, 94.1, 64.3	`rgb(18.8%,94.1%,64.3%)`
CMYK	80, 0, 32, 6
HSL	156.3°, 86.5, 56.5	`hsl(156.3,86.5%,56.5%)`
HSV (or HSB)	156.3°, 80, 94.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.805, -62.714, 24.028
XYZ	39.077, 65.625, 45.727
xyY	0.26, 0.436, 65.625
CIE-LCH	84.805, 67.159, 159.037
CIE-LUV	84.805, -69.638, 44.699
Hunter-Lab	81.009, -55.662, 23.239
Binary	00110000, 11110000, 10100100

#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#f0307c
```
#f0307c rgb(240,48,124)
```

Complementary Color

#30f044
```
#30f044 rgb(48,240,68)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#30dcf0
```
#30dcf0 rgb(48,220,240)
```

Analogous Color

#f04430
```
#f04430 rgb(240,68,48)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#f030dc
```
#f030dc rgb(240,48,220)
```

Split Complementary Color

#f0a430
```
#f0a430 rgb(240,164,48)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#a430f0
```
#a430f0 rgb(164,48,240)
```

Triadic Color

#7cf030
```
#7cf030 rgb(124,240,48)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#a430f0
```
#a430f0 rgb(164,48,240)
```
#f0307c
```
#f0307c rgb(240,48,124)
```

Tetradic Color

#0ec57d
```
#0ec57d rgb(14,197,125)
```
#10dd8c
```
#10dd8c rgb(16,221,140)
```
#18ee9a
```
#18ee9a rgb(24,238,154)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#48f2ae
```
#48f2ae rgb(72,242,174)
```
#60f3b9
```
#60f3b9 rgb(96,243,185)
```
#77f5c3
```
#77f5c3 rgb(119,245,195)
```

Monochromatic Color

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

#30f074
```
#30f074 rgb(48,240,116)
```
#30f084
```
#30f084 rgb(48,240,132)
```
#30f094
```
#30f094 rgb(48,240,148)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#30f0b4
```
#30f0b4 rgb(48,240,180)
```
#30f0c4
```
#30f0c4 rgb(48,240,196)
```
#30f0d4
```
#30f0d4 rgb(48,240,212)
```

Similar Colors

Text with hexadecimal color #30f0a4

This text has a font color of #30f0a4.

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

#30f0a4 background color

This paragraph has a background color of #30f0a4.

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

#30f0a4 border color

This element has a border color of #30f0a4.

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

CSS codes

.text {color:#30f0a4;}

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

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

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

#010c08
```
#010c08 rgb(1,12,8)
```
#021f13
```
#021f13 rgb(2,31,19)
```
#04311f
```
#04311f rgb(4,49,31)
```
#05432b
```
#05432b rgb(5,67,43)
```
#065636
```
#065636 rgb(6,86,54)
```
#086842
```
#086842 rgb(8,104,66)
```
#097a4d
```
#097a4d rgb(9,122,77)
```
#0a8d59
```
#0a8d59 rgb(10,141,89)
```
#0c9f64
```
#0c9f64 rgb(12,159,100)
```
#0db170
```
#0db170 rgb(13,177,112)
```
#0ec37c
```
#0ec37c rgb(14,195,124)
```
#0fd687
```
#0fd687 rgb(15,214,135)
```
#11e893
```
#11e893 rgb(17,232,147)
```

Shade Color Variation

#1eef9c
```
#1eef9c rgb(30,239,156)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#42f1ac
```
#42f1ac rgb(66,241,172)
```
#55f3b4
```
#55f3b4 rgb(85,243,180)
```
#67f4bc
```
#67f4bc rgb(103,244,188)
```
#79f5c4
```
#79f5c4 rgb(121,245,196)
```
#8bf7cc
```
#8bf7cc rgb(139,247,204)
```
#9ef8d4
```
#9ef8d4 rgb(158,248,212)
```
#b0f9dc
```
#b0f9dc rgb(176,249,220)
```
#c2fbe4
```
#c2fbe4 rgb(194,251,228)
```
#d5fcec
```
#d5fcec rgb(213,252,236)
```
#e7fdf4
```
#e7fdf4 rgb(231,253,244)
```
#f9fffc
```
#f9fffc rgb(249,255,252)
```

Tint Color Variation

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

#8e9290
```
#8e9290 rgb(142,146,144)
```
#859b92
```
#859b92 rgb(133,155,146)
```
#7da394
```
#7da394 rgb(125,163,148)
```
#74ac96
```
#74ac96 rgb(116,172,150)
```
#6cb498
```
#6cb498 rgb(108,180,152)
```
#63bd99
```
#63bd99 rgb(99,189,153)
```
#5bc59b
```
#5bc59b rgb(91,197,155)
```
#52ce9d
```
#52ce9d rgb(82,206,157)
```
#4ad69f
```
#4ad69f rgb(74,214,159)
```
#41dfa0
```
#41dfa0 rgb(65,223,160)
```
#39e7a2
```
#39e7a2 rgb(57,231,162)
```
#30f0a4
```
#30f0a4 rgb(48,240,164)
```
#27f9a6
```
#27f9a6 rgb(39,249,166)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#95bbac Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d59d Protanopia 1% of men
#f5ceb4 Deuteranopia 1% of men
#6ce6f7 Tritanopia 0.001% of the population

Trichromacy

#a3df9f Protanomaly 1% of men, 0.01% of women
#addaae Deuteranomaly 6% of men, 0.4% of women
#56ead9 Tritanomaly 0.01% of the population

#30f0a4 hex color

#30f0a4 Color Information

#30f0a4 Color Conversion

Color Schemes with #30f0a4

Alternatives to #30f0a4

#30f0a4 Preview

Shades and Tints of #30f0a4

Tones of #30f0a4

Color Blindness Simulator