#30fcff hex color

In a RGB color space, hex #30fcff is composed of 18.8% red, 98.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 1.2% magenta, 0% yellow and 0% black. It has a hue angle of 180.9 degrees, a saturation of 100% and a lightness of 59.4%. #30fcff color hex could be obtained by blending #60ffff with #00f9ff. Closest websafe color is: #33ffff.

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

● #30fcff color description : Vivid cyan.

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

Hex triplet	30fcff	`#30fcff`
RGB Decimal	48, 252, 255	`rgb(48,252,255)`
RGB Percent	18.8, 98.8, 100	`rgb(18.8%,98.8%,100%)`
CMYK	81, 1, 0, 0
HSL	180.9°, 100, 59.4	`hsl(180.9,100%,59.4%)`
HSV (or HSB)	180.9°, 81.2, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.535, -44.897, -14.977
XYZ	54.074, 77.464, 106.704
xyY	0.227, 0.325, 77.464
CIE-LCH	90.535, 47.329, 198.448
CIE-LUV	90.535, -67.129, -17.053
Hunter-Lab	88.014, -44.357, -10.272
Binary	00110000, 11111100, 11111111

#30fcff
```
#30fcff rgb(48,252,255)
```
#ff3330
```
#ff3330 rgb(255,51,48)
```

Complementary Color

#30ff9b
```
#30ff9b rgb(48,255,155)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#3095ff
```
#3095ff rgb(48,149,255)
```

Analogous Color

#ff9b30
```
#ff9b30 rgb(255,155,48)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#ff3095
```
#ff3095 rgb(255,48,149)
```

Split Complementary Color

#fcff30
```
#fcff30 rgb(252,255,48)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#ff30fc
```
#ff30fc rgb(255,48,252)
```

Triadic Color

#30ff33
```
#30ff33 rgb(48,255,51)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#ff30fc
```
#ff30fc rgb(255,48,252)
```
#ff3330
```
#ff3330 rgb(255,51,48)
```

Tetradic Color

#00dfe3
```
#00dfe3 rgb(0,223,227)
```
#00f8fc
```
#00f8fc rgb(0,248,252)
```
#17fcff
```
#17fcff rgb(23,252,255)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#4afcff
```
#4afcff rgb(74,252,255)
```
#63fdff
```
#63fdff rgb(99,253,255)
```
#7dfdff
```
#7dfdff rgb(125,253,255)
```

Monochromatic Color

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

#30ffce
```
#30ffce rgb(48,255,206)
```
#30ffe0
```
#30ffe0 rgb(48,255,224)
```
#30fff1
```
#30fff1 rgb(48,255,241)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#30ebff
```
#30ebff rgb(48,235,255)
```
#30daff
```
#30daff rgb(48,218,255)
```
#30c8ff
```
#30c8ff rgb(48,200,255)
```

Similar Colors

Text with hexadecimal color #30fcff

This text has a font color of #30fcff.

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

#30fcff background color

This paragraph has a background color of #30fcff.

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

#30fcff border color

This element has a border color of #30fcff.

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

CSS codes

.text {color:#30fcff;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001c1c
```
#001c1c rgb(0,28,28)
```
#002f30
```
#002f30 rgb(0,47,48)
```
#004344
```
#004344 rgb(0,67,68)
```
#005657
```
#005657 rgb(0,86,87)
```
#00696b
```
#00696b rgb(0,105,107)
```
#007d7e
```
#007d7e rgb(0,125,126)
```
#009092
```
#009092 rgb(0,144,146)
```
#00a3a6
```
#00a3a6 rgb(0,163,166)
```
#00b7b9
```
#00b7b9 rgb(0,183,185)
```
#00cacd
```
#00cacd rgb(0,202,205)
```
#00dde1
```
#00dde1 rgb(0,221,225)
```
#00f1f4
```
#00f1f4 rgb(0,241,244)
```

Shade Color Variation

#09fbff
```
#09fbff rgb(9,251,255)
```
#1cfcff
```
#1cfcff rgb(28,252,255)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#44fcff
```
#44fcff rgb(68,252,255)
```
#57fdff
```
#57fdff rgb(87,253,255)
```
#6bfdff
```
#6bfdff rgb(107,253,255)
```
#7efdff
```
#7efdff rgb(126,253,255)
```
#92fdff
```
#92fdff rgb(146,253,255)
```
#a6feff
```
#a6feff rgb(166,254,255)
```
#b9feff
```
#b9feff rgb(185,254,255)
```
#cdfeff
```
#cdfeff rgb(205,254,255)
```
#e1ffff
```
#e1ffff rgb(225,255,255)
```
#f4ffff
```
#f4ffff rgb(244,255,255)
```

Tint Color Variation

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

#909f9f
```
#909f9f rgb(144,159,159)
```
#88a7a7
```
#88a7a7 rgb(136,167,167)
```
#80afaf
```
#80afaf rgb(128,175,175)
```
#78b6b7
```
#78b6b7 rgb(120,182,183)
```
#70bebf
```
#70bebf rgb(112,190,191)
```
#68c6c7
```
#68c6c7 rgb(104,198,199)
```
#60cecf
```
#60cecf rgb(96,206,207)
```
#58d5d7
```
#58d5d7 rgb(88,213,215)
```
#50dddf
```
#50dddf rgb(80,221,223)
```
#48e5e7
```
#48e5e7 rgb(72,229,231)
```
#40edef
```
#40edef rgb(64,237,239)
```
#38f4f7
```
#38f4f7 rgb(56,244,247)
```
#30fcff
```
#30fcff rgb(48,252,255)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#a2cbcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3f1 Protanopia 1% of men
#e7e1ff Deuteranopia 1% of men
#9df2ff Tritanopia 0.001% of the population

Trichromacy

#a3ecf6 Protanomaly 1% of men, 0.01% of women
#a4ebff Deuteranomaly 6% of men, 0.4% of women
#75f6ff Tritanomaly 0.01% of the population

#30fcff hex color

#30fcff Color Information

#30fcff Color Conversion

Color Schemes with #30fcff

Alternatives to #30fcff

#30fcff Preview

Shades and Tints of #30fcff

Tones of #30fcff

Color Blindness Simulator