#30d7fa hex color

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

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

● #30d7fa color description : Bright cyan.

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

Hex triplet	30d7fa	`#30d7fa`
RGB Decimal	48, 215, 250	`rgb(48,215,250)`
RGB Percent	18.8, 84.3, 98	`rgb(18.8%,84.3%,98%)`
CMYK	81, 14, 0, 2
HSL	190.4°, 95.3, 58.4	`hsl(190.4,95.3%,58.4%)`
HSV (or HSB)	190.4°, 80.8, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.686, -29.29, -28.791
XYZ	42.77, 56.127, 99.017
xyY	0.216, 0.284, 56.127
CIE-LCH	79.686, 41.07, 224.508
CIE-LUV	79.686, -54.976, -42.341
Hunter-Lab	74.918, -29.203, -25.919
Binary	00110000, 11010111, 11111010

#30d7fa
```
#30d7fa rgb(48,215,250)
```
#fa5330
```
#fa5330 rgb(250,83,48)
```

Complementary Color

#30fab8
```
#30fab8 rgb(48,250,184)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```
#3072fa
```
#3072fa rgb(48,114,250)
```

Analogous Color

#fab830
```
#fab830 rgb(250,184,48)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```
#fa3072
```
#fa3072 rgb(250,48,114)
```

Split Complementary Color

#d7fa30
```
#d7fa30 rgb(215,250,48)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```
#fa30d7
```
#fa30d7 rgb(250,48,215)
```

Triadic Color

#30fa53
```
#30fa53 rgb(48,250,83)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```
#fa30d7
```
#fa30d7 rgb(250,48,215)
```
#fa5330
```
#fa5330 rgb(250,83,48)
```

Tetradic Color

#05b4d8
```
#05b4d8 rgb(5,180,216)
```
#06c8f1
```
#06c8f1 rgb(6,200,241)
```
#17d2f9
```
#17d2f9 rgb(23,210,249)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```
#49dcfb
```
#49dcfb rgb(73,220,251)
```
#62e1fb
```
#62e1fb rgb(98,225,251)
```
#7be5fc
```
#7be5fc rgb(123,229,252)
```

Monochromatic Color

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

#30faeb
```
#30faeb rgb(48,250,235)
```
#30f9fa
```
#30f9fa rgb(48,249,250)
```
#30e8fa
```
#30e8fa rgb(48,232,250)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```
#30c6fa
```
#30c6fa rgb(48,198,250)
```
#30b5fa
```
#30b5fa rgb(48,181,250)
```
#30a5fa
```
#30a5fa rgb(48,165,250)
```

Similar Colors

Text with hexadecimal color #30d7fa

This text has a font color of #30d7fa.

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

#30d7fa background color

This paragraph has a background color of #30d7fa.

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

#30d7fa border color

This element has a border color of #30d7fa.

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

CSS codes

.text {color:#30d7fa;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011317
```
#011317 rgb(1,19,23)
```
#01232a
```
#01232a rgb(1,35,42)
```
#01333d
```
#01333d rgb(1,51,61)
```
#024350
```
#024350 rgb(2,67,80)
```
#025363
```
#025363 rgb(2,83,99)
```
#036377
```
#036377 rgb(3,99,119)
```
#03728a
```
#03728a rgb(3,114,138)
```
#04829d
```
#04829d rgb(4,130,157)
```
#0492b0
```
#0492b0 rgb(4,146,176)
```
#05a2c3
```
#05a2c3 rgb(5,162,195)
```
#05b2d6
```
#05b2d6 rgb(5,178,214)
```
#06c2ea
```
#06c2ea rgb(6,194,234)
```

Shade Color Variation

#0ad0f9
```
#0ad0f9 rgb(10,208,249)
```
#1dd3fa
```
#1dd3fa rgb(29,211,250)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```
#43dbfa
```
#43dbfa rgb(67,219,250)
```
#56defb
```
#56defb rgb(86,222,251)
```
#69e2fb
```
#69e2fb rgb(105,226,251)
```
#7de6fc
```
#7de6fc rgb(125,230,252)
```
#90eafc
```
#90eafc rgb(144,234,252)
```
#a3edfd
```
#a3edfd rgb(163,237,253)
```
#b6f1fd
```
#b6f1fd rgb(182,241,253)
```
#c9f5fe
```
#c9f5fe rgb(201,245,254)
```
#dcf8fe
```
#dcf8fe rgb(220,248,254)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#929798
```
#929798 rgb(146,151,152)
```
#8a9ca0
```
#8a9ca0 rgb(138,156,160)
```
#82a2a8
```
#82a2a8 rgb(130,162,168)
```
#79a7b1
```
#79a7b1 rgb(121,167,177)
```
#71acb9
```
#71acb9 rgb(113,172,185)
```
#69b2c1
```
#69b2c1 rgb(105,178,193)
```
#61b7c9
```
#61b7c9 rgb(97,183,201)
```
#59bcd1
```
#59bcd1 rgb(89,188,209)
```
#51c2d9
```
#51c2d9 rgb(81,194,217)
```
#48c7e2
```
#48c7e2 rgb(72,199,226)
```
#40ccea
```
#40ccea rgb(64,204,234)
```
#38d2f2
```
#38d2f2 rgb(56,210,242)
```
#30d7fa
```
#30d7fa rgb(48,215,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#91b2b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc6ee Protanopia 1% of men
#bac5ff Deuteranopia 1% of men
#20dbeb Tritanopia 0.001% of the population

Trichromacy

#8bccf2 Protanomaly 1% of men, 0.01% of women
#88ccfd Deuteranomaly 6% of men, 0.4% of women
#26d9f0 Tritanomaly 0.01% of the population

#30d7fa hex color

#30d7fa Color Information

#30d7fa Color Conversion

Color Schemes with #30d7fa

Alternatives to #30d7fa

#30d7fa Preview

Shades and Tints of #30d7fa

Tones of #30d7fa

Color Blindness Simulator