#30fdfd hex color

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

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

● #30fdfd color description : Bright cyan.

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

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

CIE-LAB	90.764, -45.9, -13.594
XYZ	54.068, 77.965, 105.122
xyY	0.228, 0.329, 77.965
CIE-LCH	90.764, 47.871, 196.498
CIE-LUV	90.764, -67.615, -14.6
Hunter-Lab	88.298, -45.219, -8.778
Binary	00110000, 11111101, 11111101

#30fdfd
```
#30fdfd rgb(48,253,253)
```
#fd3030
```
#fd3030 rgb(253,48,48)
```

Complementary Color

#30fd97
```
#30fd97 rgb(48,253,151)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```
#3097fd
```
#3097fd rgb(48,151,253)
```

Analogous Color

#fd9730
```
#fd9730 rgb(253,151,48)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```

Split Complementary Color

#fdfd30
```
#fdfd30 rgb(253,253,48)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```
#fd30fd
```
#fd30fd rgb(253,48,253)
```

Triadic Color

#30fd30
```
#30fd30 rgb(48,253,48)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```
#fd30fd
```
#fd30fd rgb(253,48,253)
```
#fd3030
```
#fd3030 rgb(253,48,48)
```

Tetradic Color

#02dede
```
#02dede rgb(2,222,222)
```
#02f8f8
```
#02f8f8 rgb(2,248,248)
```
#17fdfd
```
#17fdfd rgb(23,253,253)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```
#49fdfd
```
#49fdfd rgb(73,253,253)
```
#63fdfd
```
#63fdfd rgb(99,253,253)
```
#7cfefe
```
#7cfefe rgb(124,254,254)
```

Monochromatic Color

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

#30fdca
```
#30fdca rgb(48,253,202)
```
#30fddb
```
#30fddb rgb(48,253,219)
```
#30fdec
```
#30fdec rgb(48,253,236)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```
#30ecfd
```
#30ecfd rgb(48,236,253)
```
#30dbfd
```
#30dbfd rgb(48,219,253)
```
#30cafd
```
#30cafd rgb(48,202,253)
```

Similar Colors

Text with hexadecimal color #30fdfd

This text has a font color of #30fdfd.

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

#30fdfd background color

This paragraph has a background color of #30fdfd.

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

#30fdfd border color

This element has a border color of #30fdfd.

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

CSS codes

.text {color:#30fdfd;}

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

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

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)
```
#002e2e
```
#002e2e rgb(0,46,46)
```
#014141
```
#014141 rgb(1,65,65)
```
#015454
```
#015454 rgb(1,84,84)
```
#016868
```
#016868 rgb(1,104,104)
```
#017b7b
```
#017b7b rgb(1,123,123)
```
#018f8f
```
#018f8f rgb(1,143,143)
```
#02a2a2
```
#02a2a2 rgb(2,162,162)
```
#02b6b6
```
#02b6b6 rgb(2,182,182)
```
#02c9c9
```
#02c9c9 rgb(2,201,201)
```
#02dcdc
```
#02dcdc rgb(2,220,220)
```
#02f0f0
```
#02f0f0 rgb(2,240,240)
```

Shade Color Variation

#09fdfd
```
#09fdfd rgb(9,253,253)
```
#1dfdfd
```
#1dfdfd rgb(29,253,253)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```
#43fdfd
```
#43fdfd rgb(67,253,253)
```
#57fdfd
```
#57fdfd rgb(87,253,253)
```
#6afefe
```
#6afefe rgb(106,254,254)
```
#7efefe
```
#7efefe rgb(126,254,254)
```
#91fefe
```
#91fefe rgb(145,254,254)
```
#a5fefe
```
#a5fefe rgb(165,254,254)
```
#b8fefe
```
#b8fefe rgb(184,254,254)
```
#cbffff
```
#cbffff rgb(203,255,255)
```
#dfffff
```
#dfffff rgb(223,255,255)
```
#f2ffff
```
#f2ffff rgb(242,255,255)
```

Tint Color Variation

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

#909d9d
```
#909d9d rgb(144,157,157)
```
#88a5a5
```
#88a5a5 rgb(136,165,165)
```
#80adad
```
#80adad rgb(128,173,173)
```
#78b5b5
```
#78b5b5 rgb(120,181,181)
```
#70bdbd
```
#70bdbd rgb(112,189,189)
```
#68c5c5
```
#68c5c5 rgb(104,197,197)
```
#60cdcd
```
#60cdcd rgb(96,205,205)
```
#58d5d5
```
#58d5d5 rgb(88,213,213)
```
#50dddd
```
#50dddd rgb(80,221,221)
```
#48e5e5
```
#48e5e5 rgb(72,229,229)
```
#40eded
```
#40eded rgb(64,237,237)
```
#38f5f5
```
#38f5f5 rgb(56,245,245)
```
#30fdfd
```
#30fdfd rgb(48,253,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#a3cccc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e4ef Protanopia 1% of men
#e9e2ff Deuteranopia 1% of men
#a1f2ff Tritanopia 0.001% of the population

Trichromacy

#a4edf4 Protanomaly 1% of men, 0.01% of women
#a5ebfe Deuteranomaly 6% of men, 0.4% of women
#78f6fe Tritanomaly 0.01% of the population

#30fdfd hex color

#30fdfd Color Information

#30fdfd Color Conversion

Color Schemes with #30fdfd

Alternatives to #30fdfd

#30fdfd Preview

Shades and Tints of #30fdfd

Tones of #30fdfd

Color Blindness Simulator