#30fdef hex color

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

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

● #30fdef color description : Bright cyan.

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

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

CIE-LAB	90.37, -49.766, -6.908
XYZ	51.919, 77.106, 93.803
xyY	0.233, 0.346, 77.106
CIE-LCH	90.37, 50.243, 187.902
CIE-LUV	90.37, -68.67, -3.02
Hunter-Lab	87.81, -48.126, -1.87
Binary	00110000, 11111101, 11101111

#30fdef
```
#30fdef rgb(48,253,239)
```
#fd303e
```
#fd303e rgb(253,48,62)
```

Complementary Color

#30fd89
```
#30fd89 rgb(48,253,137)
```
#30fdef
```
#30fdef rgb(48,253,239)
```
#30a5fd
```
#30a5fd rgb(48,165,253)
```

Analogous Color

#fd8930
```
#fd8930 rgb(253,137,48)
```
#30fdef
```
#30fdef rgb(48,253,239)
```
#fd30a5
```
#fd30a5 rgb(253,48,165)
```

Split Complementary Color

#fdef30
```
#fdef30 rgb(253,239,48)
```
#30fdef
```
#30fdef rgb(48,253,239)
```
#ef30fd
```
#ef30fd rgb(239,48,253)
```

Triadic Color

#3efd30
```
#3efd30 rgb(62,253,48)
```
#30fdef
```
#30fdef rgb(48,253,239)
```
#ef30fd
```
#ef30fd rgb(239,48,253)
```
#fd303e
```
#fd303e rgb(253,48,62)
```

Tetradic Color

#02decf
```
#02decf rgb(2,222,207)
```
#02f8e7
```
#02f8e7 rgb(2,248,231)
```
#17fded
```
#17fded rgb(23,253,237)
```
#30fdef
```
#30fdef rgb(48,253,239)
```
#49fdf1
```
#49fdf1 rgb(73,253,241)
```
#63fdf3
```
#63fdf3 rgb(99,253,243)
```
#7cfef5
```
#7cfef5 rgb(124,254,245)
```

Monochromatic Color

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

#30fdbc
```
#30fdbc rgb(48,253,188)
```
#30fdcd
```
#30fdcd rgb(48,253,205)
```
#30fdde
```
#30fdde rgb(48,253,222)
```
#30fdef
```
#30fdef rgb(48,253,239)
```
#30fafd
```
#30fafd rgb(48,250,253)
```
#30e9fd
```
#30e9fd rgb(48,233,253)
```
#30d8fd
```
#30d8fd rgb(48,216,253)
```

Similar Colors

Text with hexadecimal color #30fdef

This text has a font color of #30fdef.

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

#30fdef background color

This paragraph has a background color of #30fdef.

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

#30fdef border color

This element has a border color of #30fdef.

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

CSS codes

.text {color:#30fdef;}

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

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

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

#000706
```
#000706 rgb(0,7,6)
```
#001a18
```
#001a18 rgb(0,26,24)
```
#002e2a
```
#002e2a rgb(0,46,42)
```
#01413d
```
#01413d rgb(1,65,61)
```
#01544f
```
#01544f rgb(1,84,79)
```
#016861
```
#016861 rgb(1,104,97)
```
#017b73
```
#017b73 rgb(1,123,115)
```
#018f85
```
#018f85 rgb(1,143,133)
```
#02a297
```
#02a297 rgb(2,162,151)
```
#02b6a9
```
#02b6a9 rgb(2,182,169)
```
#02c9bb
```
#02c9bb rgb(2,201,187)
```
#02dcce
```
#02dcce rgb(2,220,206)
```
#02f0e0
```
#02f0e0 rgb(2,240,224)
```

Shade Color Variation

#09fdec
```
#09fdec rgb(9,253,236)
```
#1dfded
```
#1dfded rgb(29,253,237)
```
#30fdef
```
#30fdef rgb(48,253,239)
```
#43fdf1
```
#43fdf1 rgb(67,253,241)
```
#57fdf2
```
#57fdf2 rgb(87,253,242)
```
#6afef4
```
#6afef4 rgb(106,254,244)
```
#7efef5
```
#7efef5 rgb(126,254,245)
```
#91fef7
```
#91fef7 rgb(145,254,247)
```
#a5fef8
```
#a5fef8 rgb(165,254,248)
```
#b8fefa
```
#b8fefa rgb(184,254,250)
```
#cbfffb
```
#cbfffb rgb(203,255,251)
```
#dffffd
```
#dffffd rgb(223,255,253)
```
#f2fffe
```
#f2fffe rgb(242,255,254)
```

Tint Color Variation

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

#909d9c
```
#909d9c rgb(144,157,156)
```
#88a5a3
```
#88a5a3 rgb(136,165,163)
```
#80adaa
```
#80adaa rgb(128,173,170)
```
#78b5b1
```
#78b5b1 rgb(120,181,177)
```
#70bdb7
```
#70bdb7 rgb(112,189,183)
```
#68c5be
```
#68c5be rgb(104,197,190)
```
#60cdc5
```
#60cdc5 rgb(96,205,197)
```
#58d5cc
```
#58d5cc rgb(88,213,204)
```
#50ddd3
```
#50ddd3 rgb(80,221,211)
```
#48e5da
```
#48e5da rgb(72,229,218)
```
#40ede1
```
#40ede1 rgb(64,237,225)
```
#38f5e8
```
#38f5e8 rgb(56,245,232)
```
#30fdef
```
#30fdef rgb(48,253,239)
```

Tone Color Variation

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

Dichromacy

#e9e3e2 Protanopia 1% of men
#efdffa Deuteranopia 1% of men
#9cf2ff Tritanopia 0.001% of the population

Trichromacy

#a5ece6 Protanomaly 1% of men, 0.01% of women
#a9e9f6 Deuteranomaly 6% of men, 0.4% of women
#75f6f9 Tritanomaly 0.01% of the population

#30fdef hex color

#30fdef Color Information

#30fdef Color Conversion

Color Schemes with #30fdef

Alternatives to #30fdef

#30fdef Preview

Shades and Tints of #30fdef

Tones of #30fdef

Color Blindness Simulator