#30feff hex color

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

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

● #30feff color description : Vivid cyan.

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

Hex triplet	30feff	`#30feff`
RGB Decimal	48, 254, 255	`rgb(48,254,255)`
RGB Percent	18.8, 99.6, 100	`rgb(18.8%,99.6%,100%)`
CMYK	81, 0, 0, 0
HSL	180.3°, 100, 59.4	`hsl(180.3,100%,59.4%)`
HSV (or HSB)	180.3°, 81.2, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	91.11, -45.772, -14.114
XYZ	54.705, 78.727, 106.915
xyY	0.228, 0.328, 78.727
CIE-LCH	91.11, 47.899, 197.138
CIE-LUV	91.11, -67.798, -15.491
Hunter-Lab	88.728, -45.22, -9.333
Binary	00110000, 11111110, 11111111

#30feff
```
#30feff rgb(48,254,255)
```
#ff3130
```
#ff3130 rgb(255,49,48)
```

Complementary Color

#30ff99
```
#30ff99 rgb(48,255,153)
```
#30feff
```
#30feff rgb(48,254,255)
```
#3097ff
```
#3097ff rgb(48,151,255)
```

Analogous Color

#ff9930
```
#ff9930 rgb(255,153,48)
```
#30feff
```
#30feff rgb(48,254,255)
```
#ff3097
```
#ff3097 rgb(255,48,151)
```

Split Complementary Color

#feff30
```
#feff30 rgb(254,255,48)
```
#30feff
```
#30feff rgb(48,254,255)
```
#ff30fe
```
#ff30fe rgb(255,48,254)
```

Triadic Color

#30ff31
```
#30ff31 rgb(48,255,49)
```
#30feff
```
#30feff rgb(48,254,255)
```
#ff30fe
```
#ff30fe rgb(255,48,254)
```
#ff3130
```
#ff3130 rgb(255,49,48)
```

Tetradic Color

#00e1e3
```
#00e1e3 rgb(0,225,227)
```
#00fbfc
```
#00fbfc rgb(0,251,252)
```
#17feff
```
#17feff rgb(23,254,255)
```
#30feff
```
#30feff rgb(48,254,255)
```
#4afeff
```
#4afeff rgb(74,254,255)
```
#63feff
```
#63feff rgb(99,254,255)
```
#7dfeff
```
#7dfeff rgb(125,254,255)
```

Monochromatic Color

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

#30ffcc
```
#30ffcc rgb(48,255,204)
```
#30ffde
```
#30ffde rgb(48,255,222)
```
#30ffef
```
#30ffef rgb(48,255,239)
```
#30feff
```
#30feff rgb(48,254,255)
```
#30edff
```
#30edff rgb(48,237,255)
```
#30dcff
```
#30dcff rgb(48,220,255)
```
#30caff
```
#30caff rgb(48,202,255)
```

Similar Colors

Text with hexadecimal color #30feff

This text has a font color of #30feff.

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

#30feff background color

This paragraph has a background color of #30feff.

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

#30feff border color

This element has a border color of #30feff.

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

CSS codes

.text {color:#30feff;}

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

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

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)
```
#003030
```
#003030 rgb(0,48,48)
```
#004344
```
#004344 rgb(0,67,68)
```
#005757
```
#005757 rgb(0,87,87)
```
#006a6b
```
#006a6b rgb(0,106,107)
```
#007e7e
```
#007e7e rgb(0,126,126)
```
#009192
```
#009192 rgb(0,145,146)
```
#00a5a6
```
#00a5a6 rgb(0,165,166)
```
#00b8b9
```
#00b8b9 rgb(0,184,185)
```
#00cccd
```
#00cccd rgb(0,204,205)
```
#00dfe1
```
#00dfe1 rgb(0,223,225)
```
#00f3f4
```
#00f3f4 rgb(0,243,244)
```

Shade Color Variation

#09feff
```
#09feff rgb(9,254,255)
```
#1cfeff
```
#1cfeff rgb(28,254,255)
```
#30feff
```
#30feff rgb(48,254,255)
```
#44feff
```
#44feff rgb(68,254,255)
```
#57feff
```
#57feff rgb(87,254,255)
```
#6bfeff
```
#6bfeff rgb(107,254,255)
```
#7efeff
```
#7efeff rgb(126,254,255)
```
#92feff
```
#92feff rgb(146,254,255)
```
#a6ffff
```
#a6ffff rgb(166,255,255)
```
#b9ffff
```
#b9ffff rgb(185,255,255)
```
#cdffff
```
#cdffff rgb(205,255,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 #30feff is the most saturated one.

#909f9f
```
#909f9f rgb(144,159,159)
```
#88a7a7
```
#88a7a7 rgb(136,167,167)
```
#80afaf
```
#80afaf rgb(128,175,175)
```
#78b7b7
```
#78b7b7 rgb(120,183,183)
```
#70bfbf
```
#70bfbf rgb(112,191,191)
```
#68c7c7
```
#68c7c7 rgb(104,199,199)
```
#60cfcf
```
#60cfcf rgb(96,207,207)
```
#58d7d7
```
#58d7d7 rgb(88,215,215)
```
#50dedf
```
#50dedf rgb(80,222,223)
```
#48e6e7
```
#48e6e7 rgb(72,230,231)
```
#40eeef
```
#40eeef rgb(64,238,239)
```
#38f6f7
```
#38f6f7 rgb(56,246,247)
```
#30feff
```
#30feff rgb(48,254,255)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#a4cdcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5f1 Protanopia 1% of men
#e9e3ff Deuteranopia 1% of men
#a5f3ff Tritanopia 0.001% of the population

Trichromacy

#a4eef6 Protanomaly 1% of men, 0.01% of women
#a5edff Deuteranomaly 6% of men, 0.4% of women
#7af7ff Tritanomaly 0.01% of the population

#30feff hex color

#30feff Color Information

#30feff Color Conversion

Color Schemes with #30feff

Alternatives to #30feff

#30feff Preview

Shades and Tints of #30feff

Tones of #30feff

Color Blindness Simulator