#30fcc2 hex color

In a RGB color space, hex #30fcc2 is composed of 18.8% red, 98.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 23% yellow and 1.2% black. It has a hue angle of 162.9 degrees, a saturation of 97.1% and a lightness of 58.8%. #30fcc2 color hex could be obtained by blending #60ffff with #00f985. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 99
- B 76
RGB color chart
- C 81
- M 0
- Y 23
- K 1
CMYK color chart

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

The hexadecimal color #30fcc2 has RGB values of R:48, G:252, B:194 and CMYK values of C:0.81, M:0, Y:0.23, K:0.01. Its decimal value is 3210434.

Hex triplet	30fcc2	`#30fcc2`
RGB Decimal	48, 252, 194	`rgb(48,252,194)`
RGB Percent	18.8, 98.8, 76.1	`rgb(18.8%,98.8%,76.1%)`
CMYK	81, 0, 23, 1
HSL	162.9°, 97.1, 58.8	`hsl(162.9,97.1%,58.8%)`
HSV (or HSB)	162.9°, 81, 98.8
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.988, -60.648, 14.415
XYZ	45.763, 74.14, 62.934
xyY	0.25, 0.405, 74.14
CIE-LCH	88.988, 62.338, 166.63
CIE-LUV	88.988, -71.62, 31.412
Hunter-Lab	86.104, -55.813, 16.937
Binary	00110000, 11111100, 11000010

#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#fc306a
```
#fc306a rgb(252,48,106)
```

Complementary Color

#30fc5c
```
#30fc5c rgb(48,252,92)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#30d0fc
```
#30d0fc rgb(48,208,252)
```

Analogous Color

#fc5c30
```
#fc5c30 rgb(252,92,48)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#fc30d0
```
#fc30d0 rgb(252,48,208)
```

Split Complementary Color

#fcc230
```
#fcc230 rgb(252,194,48)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#c230fc
```
#c230fc rgb(194,48,252)
```

Triadic Color

#6afc30
```
#6afc30 rgb(106,252,48)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#c230fc
```
#c230fc rgb(194,48,252)
```
#fc306a
```
#fc306a rgb(252,48,106)
```

Tetradic Color

#03dc9f
```
#03dc9f rgb(3,220,159)
```
#04f5b1
```
#04f5b1 rgb(4,245,177)
```
#17fcbb
```
#17fcbb rgb(23,252,187)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#49fcc9
```
#49fcc9 rgb(73,252,201)
```
#62fdd1
```
#62fdd1 rgb(98,253,209)
```
#7bfdd8
```
#7bfdd8 rgb(123,253,216)
```

Monochromatic Color

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

#30fc8f
```
#30fc8f rgb(48,252,143)
```
#30fca0
```
#30fca0 rgb(48,252,160)
```
#30fcb1
```
#30fcb1 rgb(48,252,177)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#30fcd3
```
#30fcd3 rgb(48,252,211)
```
#30fce4
```
#30fce4 rgb(48,252,228)
```
#30fcf5
```
#30fcf5 rgb(48,252,245)
```

Similar Colors

Text with hexadecimal color #30fcc2

This text has a font color of #30fcc2.

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

#30fcc2 background color

This paragraph has a background color of #30fcc2.

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

#30fcc2 border color

This element has a border color of #30fcc2.

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

CSS codes

.text {color:#30fcc2;}

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

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

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

#000604
```
#000604 rgb(0,6,4)
```
#001912
```
#001912 rgb(0,25,18)
```
#012c20
```
#012c20 rgb(1,44,32)
```
#01402e
```
#01402e rgb(1,64,46)
```
#01533c
```
#01533c rgb(1,83,60)
```
#01664a
```
#01664a rgb(1,102,74)
```
#027a58
```
#027a58 rgb(2,122,88)
```
#028d66
```
#028d66 rgb(2,141,102)
```
#02a073
```
#02a073 rgb(2,160,115)
```
#03b481
```
#03b481 rgb(3,180,129)
```
#03c78f
```
#03c78f rgb(3,199,143)
```
#03da9d
```
#03da9d rgb(3,218,157)
```
#03eeab
```
#03eeab rgb(3,238,171)
```

Shade Color Variation

#09fbb7
```
#09fbb7 rgb(9,251,183)
```
#1dfcbc
```
#1dfcbc rgb(29,252,188)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```
#43fcc8
```
#43fcc8 rgb(67,252,200)
```
#57fdcd
```
#57fdcd rgb(87,253,205)
```
#6afdd3
```
#6afdd3 rgb(106,253,211)
```
#7dfdd9
```
#7dfdd9 rgb(125,253,217)
```
#91fdde
```
#91fdde rgb(145,253,222)
```
#a4fee4
```
#a4fee4 rgb(164,254,228)
```
#b7feea
```
#b7feea rgb(183,254,234)
```
#cbfef0
```
#cbfef0 rgb(203,254,240)
```
#defff5
```
#defff5 rgb(222,255,245)
```
#f1fffb
```
#f1fffb rgb(241,255,251)
```

Tint Color Variation

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

#919b98
```
#919b98 rgb(145,155,152)
```
#89a39c
```
#89a39c rgb(137,163,156)
```
#81ab9f
```
#81ab9f rgb(129,171,159)
```
#79b3a3
```
#79b3a3 rgb(121,179,163)
```
#71bba6
```
#71bba6 rgb(113,187,166)
```
#69c3aa
```
#69c3aa rgb(105,195,170)
```
#60ccad
```
#60ccad rgb(96,204,173)
```
#58d4b1
```
#58d4b1 rgb(88,212,177)
```
#50dcb4
```
#50dcb4 rgb(80,220,180)
```
#48e4b8
```
#48e4b8 rgb(72,228,184)
```
#40ecbb
```
#40ecbb rgb(64,236,187)
```
#38f4bf
```
#38f4bf rgb(56,244,191)
```
#30fcc2
```
#30fcc2 rgb(48,252,194)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9dc6ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee0b8 Protanopia 1% of men
#fcd9d1 Deuteranopia 1% of men
#8bf0ff Tritanopia 0.001% of the population

Trichromacy

#a9eabc Protanomaly 1% of men, 0.01% of women
#b1e6cb Deuteranomaly 6% of men, 0.4% of women
#6af4e8 Tritanomaly 0.01% of the population

#30fcc2 hex color

#30fcc2 Color Information

#30fcc2 Color Conversion

Color Schemes with #30fcc2

Alternatives to #30fcc2

#30fcc2 Preview

Shades and Tints of #30fcc2

Tones of #30fcc2

Color Blindness Simulator