#30faf8 hex color

In a RGB color space, hex #30faf8 is composed of 18.8% red, 98% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 0% magenta, 0.8% yellow and 2% black. It has a hue angle of 179.4 degrees, a saturation of 95.3% and a lightness of 58.4%. #30faf8 color hex could be obtained by blending #60ffff with #00f5f1. Closest websafe color is: #33ffff.

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

● #30faf8 color description : Bright cyan.

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

Hex triplet	30faf8	`#30faf8`
RGB Decimal	48, 250, 248	`rgb(48,250,248)`
RGB Percent	18.8, 98, 97.3	`rgb(18.8%,98%,97.3%)`
CMYK	81, 0, 1, 2
HSL	179.4°, 95.3, 58.4	`hsl(179.4,95.3%,58.4%)`
HSV (or HSB)	179.4°, 80.8, 98
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.753, -45.998, -12.505
XYZ	52.342, 75.772, 100.668
xyY	0.229, 0.331, 75.772
CIE-LCH	89.753, 47.668, 195.209
CIE-LUV	89.753, -66.986, -12.763
Hunter-Lab	87.047, -44.998, -7.635
Binary	00110000, 11111010, 11111000

#30faf8
```
#30faf8 rgb(48,250,248)
```
#fa3032
```
#fa3032 rgb(250,48,50)
```

Complementary Color

#30fa93
```
#30fa93 rgb(48,250,147)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```
#3097fa
```
#3097fa rgb(48,151,250)
```

Analogous Color

#fa9330
```
#fa9330 rgb(250,147,48)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```
#fa3097
```
#fa3097 rgb(250,48,151)
```

Split Complementary Color

#faf830
```
#faf830 rgb(250,248,48)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```
#f830fa
```
#f830fa rgb(248,48,250)
```

Triadic Color

#32fa30
```
#32fa30 rgb(50,250,48)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```
#f830fa
```
#f830fa rgb(248,48,250)
```
#fa3032
```
#fa3032 rgb(250,48,50)
```

Tetradic Color

#05d8d6
```
#05d8d6 rgb(5,216,214)
```
#06f1ef
```
#06f1ef rgb(6,241,239)
```
#17f9f7
```
#17f9f7 rgb(23,249,247)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```
#49fbf9
```
#49fbf9 rgb(73,251,249)
```
#62fbfa
```
#62fbfa rgb(98,251,250)
```
#7bfcfb
```
#7bfcfb rgb(123,252,251)
```

Monochromatic Color

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

#30fac6
```
#30fac6 rgb(48,250,198)
```
#30fad6
```
#30fad6 rgb(48,250,214)
```
#30fae7
```
#30fae7 rgb(48,250,231)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```
#30ebfa
```
#30ebfa rgb(48,235,250)
```
#30dafa
```
#30dafa rgb(48,218,250)
```
#30cafa
```
#30cafa rgb(48,202,250)
```

Similar Colors

Text with hexadecimal color #30faf8

This text has a font color of #30faf8.

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

#30faf8 background color

This paragraph has a background color of #30faf8.

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

#30faf8 border color

This element has a border color of #30faf8.

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

CSS codes

.text {color:#30faf8;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#011717
```
#011717 rgb(1,23,23)
```
#012a2a
```
#012a2a rgb(1,42,42)
```
#013d3d
```
#013d3d rgb(1,61,61)
```
#025050
```
#025050 rgb(2,80,80)
```
#026362
```
#026362 rgb(2,99,98)
```
#037775
```
#037775 rgb(3,119,117)
```
#038a88
```
#038a88 rgb(3,138,136)
```
#049d9b
```
#049d9b rgb(4,157,155)
```
#04b0ae
```
#04b0ae rgb(4,176,174)
```
#05c3c1
```
#05c3c1 rgb(5,195,193)
```
#05d6d4
```
#05d6d4 rgb(5,214,212)
```
#06eae7
```
#06eae7 rgb(6,234,231)
```

Shade Color Variation

#0af9f7
```
#0af9f7 rgb(10,249,247)
```
#1dfaf7
```
#1dfaf7 rgb(29,250,247)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```
#43faf9
```
#43faf9 rgb(67,250,249)
```
#56fbf9
```
#56fbf9 rgb(86,251,249)
```
#69fbfa
```
#69fbfa rgb(105,251,250)
```
#7dfcfb
```
#7dfcfb rgb(125,252,251)
```
#90fcfb
```
#90fcfb rgb(144,252,251)
```
#a3fdfc
```
#a3fdfc rgb(163,253,252)
```
#b6fdfd
```
#b6fdfd rgb(182,253,253)
```
#c9fefd
```
#c9fefd rgb(201,254,253)
```
#dcfefe
```
#dcfefe rgb(220,254,254)
```
#f0fffe
```
#f0fffe rgb(240,255,254)
```

Tint Color Variation

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

#929898
```
#929898 rgb(146,152,152)
```
#8aa0a0
```
#8aa0a0 rgb(138,160,160)
```
#82a8a8
```
#82a8a8 rgb(130,168,168)
```
#79b1b0
```
#79b1b0 rgb(121,177,176)
```
#71b9b8
```
#71b9b8 rgb(113,185,184)
```
#69c1c0
```
#69c1c0 rgb(105,193,192)
```
#61c9c8
```
#61c9c8 rgb(97,201,200)
```
#59d1d0
```
#59d1d0 rgb(89,209,208)
```
#51d9d8
```
#51d9d8 rgb(81,217,216)
```
#48e2e0
```
#48e2e0 rgb(72,226,224)
```
#40eae8
```
#40eae8 rgb(64,234,232)
```
#38f2f0
```
#38f2f0 rgb(56,242,240)
```
#30faf8
```
#30faf8 rgb(48,250,248)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a1c9c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e1ea Protanopia 1% of men
#e7deff Deuteranopia 1% of men
#93f1ff Tritanopia 0.001% of the population

Trichromacy

#a2eaef Protanomaly 1% of men, 0.01% of women
#a4e8fc Deuteranomaly 6% of men, 0.4% of women
#6ff4fc Tritanomaly 0.01% of the population

#30faf8 hex color

#30faf8 Color Information

#30faf8 Color Conversion

Color Schemes with #30faf8

Alternatives to #30faf8

#30faf8 Preview

Shades and Tints of #30faf8

Tones of #30faf8

Color Blindness Simulator