#30faff hex color

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

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

● #30faff color description : Vivid cyan.

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

Hex triplet	30faff	`#30faff`
RGB Decimal	48, 250, 255	`rgb(48,250,255)`
RGB Percent	18.8, 98, 100	`rgb(18.8%,98%,100%)`
CMYK	81, 2, 0, 0
HSL	181.4°, 100, 59.4	`hsl(181.4,100%,59.4%)`
HSV (or HSB)	181.4°, 81.2, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.959, -44.016, -15.84
XYZ	53.449, 76.214, 106.496
xyY	0.226, 0.323, 76.214
CIE-LCH	89.959, 46.78, 199.792
CIE-LUV	89.959, -66.458, -18.62
Hunter-Lab	87.301, -43.492, -11.216
Binary	00110000, 11111010, 11111111

#30faff
```
#30faff rgb(48,250,255)
```
#ff3530
```
#ff3530 rgb(255,53,48)
```

Complementary Color

#30ff9d
```
#30ff9d rgb(48,255,157)
```
#30faff
```
#30faff rgb(48,250,255)
```
#3093ff
```
#3093ff rgb(48,147,255)
```

Analogous Color

#ff9d30
```
#ff9d30 rgb(255,157,48)
```
#30faff
```
#30faff rgb(48,250,255)
```
#ff3093
```
#ff3093 rgb(255,48,147)
```

Split Complementary Color

#faff30
```
#faff30 rgb(250,255,48)
```
#30faff
```
#30faff rgb(48,250,255)
```
#ff30fa
```
#ff30fa rgb(255,48,250)
```

Triadic Color

#30ff35
```
#30ff35 rgb(48,255,53)
```
#30faff
```
#30faff rgb(48,250,255)
```
#ff30fa
```
#ff30fa rgb(255,48,250)
```
#ff3530
```
#ff3530 rgb(255,53,48)
```

Tetradic Color

#00dde3
```
#00dde3 rgb(0,221,227)
```
#00f6fc
```
#00f6fc rgb(0,246,252)
```
#17f9ff
```
#17f9ff rgb(23,249,255)
```
#30faff
```
#30faff rgb(48,250,255)
```
#4afbff
```
#4afbff rgb(74,251,255)
```
#63fbff
```
#63fbff rgb(99,251,255)
```
#7dfcff
```
#7dfcff rgb(125,252,255)
```

Monochromatic Color

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

#30ffd0
```
#30ffd0 rgb(48,255,208)
```
#30ffe2
```
#30ffe2 rgb(48,255,226)
```
#30fff3
```
#30fff3 rgb(48,255,243)
```
#30faff
```
#30faff rgb(48,250,255)
```
#30e9ff
```
#30e9ff rgb(48,233,255)
```
#30d8ff
```
#30d8ff rgb(48,216,255)
```
#30c6ff
```
#30c6ff rgb(48,198,255)
```

Similar Colors

Text with hexadecimal color #30faff

This text has a font color of #30faff.

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

#30faff background color

This paragraph has a background color of #30faff.

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

#30faff border color

This element has a border color of #30faff.

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

CSS codes

.text {color:#30faff;}

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

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

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)
```
#004244
```
#004244 rgb(0,66,68)
```
#005557
```
#005557 rgb(0,85,87)
```
#00686b
```
#00686b rgb(0,104,107)
```
#007b7e
```
#007b7e rgb(0,123,126)
```
#008f92
```
#008f92 rgb(0,143,146)
```
#00a2a6
```
#00a2a6 rgb(0,162,166)
```
#00b5b9
```
#00b5b9 rgb(0,181,185)
```
#00c8cd
```
#00c8cd rgb(0,200,205)
```
#00dbe1
```
#00dbe1 rgb(0,219,225)
```
#00eef4
```
#00eef4 rgb(0,238,244)
```

Shade Color Variation

#09f9ff
```
#09f9ff rgb(9,249,255)
```
#1cfaff
```
#1cfaff rgb(28,250,255)
```
#30faff
```
#30faff rgb(48,250,255)
```
#44faff
```
#44faff rgb(68,250,255)
```
#57fbff
```
#57fbff rgb(87,251,255)
```
#6bfbff
```
#6bfbff rgb(107,251,255)
```
#7efcff
```
#7efcff rgb(126,252,255)
```
#92fcff
```
#92fcff rgb(146,252,255)
```
#a6fdff
```
#a6fdff rgb(166,253,255)
```
#b9fdff
```
#b9fdff rgb(185,253,255)
```
#cdfeff
```
#cdfeff rgb(205,254,255)
```
#e1feff
```
#e1feff rgb(225,254,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 #30faff is the most saturated one.

#909f9f
```
#909f9f rgb(144,159,159)
```
#88a7a7
```
#88a7a7 rgb(136,167,167)
```
#80aeaf
```
#80aeaf rgb(128,174,175)
```
#78b6b7
```
#78b6b7 rgb(120,182,183)
```
#70bdbf
```
#70bdbf rgb(112,189,191)
```
#68c5c7
```
#68c5c7 rgb(104,197,199)
```
#60cdcf
```
#60cdcf rgb(96,205,207)
```
#58d4d7
```
#58d4d7 rgb(88,212,215)
```
#50dcdf
```
#50dcdf rgb(80,220,223)
```
#48e3e7
```
#48e3e7 rgb(72,227,231)
```
#40ebef
```
#40ebef rgb(64,235,239)
```
#38f2f7
```
#38f2f7 rgb(56,242,247)
```
#30faff
```
#30faff rgb(48,250,255)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#a2cacb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2f1 Protanopia 1% of men
#e5e0ff Deuteranopia 1% of men
#95f2ff Tritanopia 0.001% of the population

Trichromacy

#a2eaf6 Protanomaly 1% of men, 0.01% of women
#a3e9ff Deuteranomaly 6% of men, 0.4% of women
#70f4ff Tritanomaly 0.01% of the population

#30faff hex color

#30faff Color Information

#30faff Color Conversion

Color Schemes with #30faff

Alternatives to #30faff

#30faff Preview

Shades and Tints of #30faff

Tones of #30faff

Color Blindness Simulator