#30fdf9 hex color

In a RGB color space, hex #30fdf9 is composed of 18.8% red, 99.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 1.6% yellow and 0.8% black. It has a hue angle of 178.8 degrees, a saturation of 98.1% and a lightness of 59%. #30fdf9 color hex could be obtained by blending #60ffff with #00fbf3. Closest websafe color is: #33ffff.

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

● #30fdf9 color description : Bright cyan.

The hexadecimal color #30fdf9 has RGB values of R:48, G:253, B:249 and CMYK values of C:0.81, M:0, Y:0.02, K:0.01. Its decimal value is 3210745.

Hex triplet	30fdf9	`#30fdf9`
RGB Decimal	48, 253, 249	`rgb(48,253,249)`
RGB Percent	18.8, 99.2, 97.6	`rgb(18.8%,99.2%,97.6%)`
CMYK	81, 0, 2, 1
HSL	178.8°, 98.1, 59	`hsl(178.8,98.1%,59%)`
HSV (or HSB)	178.8°, 81, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.649, -47.02, -11.689
XYZ	53.438, 77.713, 101.801
xyY	0.229, 0.334, 77.713
CIE-LCH	90.649, 48.451, 193.961
CIE-LUV	90.649, -67.917, -11.269
Hunter-Lab	88.155, -46.069, -6.759
Binary	00110000, 11111101, 11111001

#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#fd3034
```
#fd3034 rgb(253,48,52)
```

Complementary Color

#30fd93
```
#30fd93 rgb(48,253,147)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#309bfd
```
#309bfd rgb(48,155,253)
```

Analogous Color

#fd9330
```
#fd9330 rgb(253,147,48)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#fd309b
```
#fd309b rgb(253,48,155)
```

Split Complementary Color

#fdf930
```
#fdf930 rgb(253,249,48)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#f930fd
```
#f930fd rgb(249,48,253)
```

Triadic Color

#34fd30
```
#34fd30 rgb(52,253,48)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#f930fd
```
#f930fd rgb(249,48,253)
```
#fd3034
```
#fd3034 rgb(253,48,52)
```

Tetradic Color

#02deda
```
#02deda rgb(2,222,218)
```
#02f8f3
```
#02f8f3 rgb(2,248,243)
```
#17fdf8
```
#17fdf8 rgb(23,253,248)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#49fdfa
```
#49fdfa rgb(73,253,250)
```
#63fdfa
```
#63fdfa rgb(99,253,250)
```
#7cfefb
```
#7cfefb rgb(124,254,251)
```

Monochromatic Color

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

#30fdc6
```
#30fdc6 rgb(48,253,198)
```
#30fdd7
```
#30fdd7 rgb(48,253,215)
```
#30fde8
```
#30fde8 rgb(48,253,232)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#30f0fd
```
#30f0fd rgb(48,240,253)
```
#30dffd
```
#30dffd rgb(48,223,253)
```
#30cefd
```
#30cefd rgb(48,206,253)
```

Similar Colors

Text with hexadecimal color #30fdf9

This text has a font color of #30fdf9.

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

#30fdf9 background color

This paragraph has a background color of #30fdf9.

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

#30fdf9 border color

This element has a border color of #30fdf9.

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

CSS codes

.text {color:#30fdf9;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#001a1a
```
#001a1a rgb(0,26,26)
```
#002e2d
```
#002e2d rgb(0,46,45)
```
#014140
```
#014140 rgb(1,65,64)
```
#015453
```
#015453 rgb(1,84,83)
```
#016866
```
#016866 rgb(1,104,102)
```
#017b79
```
#017b79 rgb(1,123,121)
```
#018f8c
```
#018f8c rgb(1,143,140)
```
#02a29f
```
#02a29f rgb(2,162,159)
```
#02b6b2
```
#02b6b2 rgb(2,182,178)
```
#02c9c5
```
#02c9c5 rgb(2,201,197)
```
#02dcd8
```
#02dcd8 rgb(2,220,216)
```
#02f0eb
```
#02f0eb rgb(2,240,235)
```

Shade Color Variation

#09fdf8
```
#09fdf8 rgb(9,253,248)
```
#1dfdf8
```
#1dfdf8 rgb(29,253,248)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```
#43fdfa
```
#43fdfa rgb(67,253,250)
```
#57fdfa
```
#57fdfa rgb(87,253,250)
```
#6afefb
```
#6afefb rgb(106,254,251)
```
#7efefb
```
#7efefb rgb(126,254,251)
```
#91fefc
```
#91fefc rgb(145,254,252)
```
#a5fefc
```
#a5fefc rgb(165,254,252)
```
#b8fefd
```
#b8fefd rgb(184,254,253)
```
#cbfffe
```
#cbfffe rgb(203,255,254)
```
#dffffe
```
#dffffe rgb(223,255,254)
```
#f2ffff
```
#f2ffff rgb(242,255,255)
```

Tint Color Variation

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

#909d9c
```
#909d9c rgb(144,157,156)
```
#88a5a4
```
#88a5a4 rgb(136,165,164)
```
#80adac
```
#80adac rgb(128,173,172)
```
#78b5b3
```
#78b5b3 rgb(120,181,179)
```
#70bdbb
```
#70bdbb rgb(112,189,187)
```
#68c5c3
```
#68c5c3 rgb(104,197,195)
```
#60cdcb
```
#60cdcb rgb(96,205,203)
```
#58d5d2
```
#58d5d2 rgb(88,213,210)
```
#50ddda
```
#50ddda rgb(80,221,218)
```
#48e5e2
```
#48e5e2 rgb(72,229,226)
```
#40edea
```
#40edea rgb(64,237,234)
```
#38f5f1
```
#38f5f1 rgb(56,245,241)
```
#30fdf9
```
#30fdf9 rgb(48,253,249)
```

Tone Color Variation

Below, you can see how #30fdf9 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
#a2cbcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e4eb Protanopia 1% of men
#eae1ff Deuteranopia 1% of men
#9ff2ff Tritanopia 0.001% of the population

Trichromacy

#a4edf0 Protanomaly 1% of men, 0.01% of women
#a6ebfc Deuteranomaly 6% of men, 0.4% of women
#77f6fc Tritanomaly 0.01% of the population

#30fdf9 hex color

#30fdf9 Color Information

#30fdf9 Color Conversion

Color Schemes with #30fdf9

Alternatives to #30fdf9

#30fdf9 Preview

Shades and Tints of #30fdf9

Tones of #30fdf9

Color Blindness Simulator