#30dfff hex color

In a RGB color space, hex #30dfff is composed of 18.8% red, 87.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 12.5% magenta, 0% yellow and 0% black. It has a hue angle of 189.3 degrees, a saturation of 100% and a lightness of 59.4%. #30dfff color hex could be obtained by blending #60ffff with #00bfff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 87
- B 100
RGB color chart
- C 81
- M 13
- Y 0
- K 0
CMYK color chart

● #30dfff color description : Vivid cyan.

The hexadecimal color #30dfff has RGB values of R:48, G:223, B:255 and CMYK values of C:0.81, M:0.13, Y:0, K:0. Its decimal value is 3203071.

Hex triplet	30dfff	`#30dfff`
RGB Decimal	48, 223, 255	`rgb(48,223,255)`
RGB Percent	18.8, 87.5, 100	`rgb(18.8%,87.5%,100%)`
CMYK	81, 13, 0, 0
HSL	189.3°, 100, 59.4	`hsl(189.3,100%,59.4%)`
HSV (or HSB)	189.3°, 81.2, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.174, -31.593, -27.634
XYZ	45.652, 60.619, 103.897
xyY	0.217, 0.288, 60.619
CIE-LCH	82.174, 41.973, 221.176
CIE-LUV	82.174, -57.337, -40.175
Hunter-Lab	77.858, -31.591, -24.618
Binary	00110000, 11011111, 11111111

#30dfff
```
#30dfff rgb(48,223,255)
```
#ff5030
```
#ff5030 rgb(255,80,48)
```

Complementary Color

#30ffb8
```
#30ffb8 rgb(48,255,184)
```
#30dfff
```
#30dfff rgb(48,223,255)
```
#3078ff
```
#3078ff rgb(48,120,255)
```

Analogous Color

#ffb830
```
#ffb830 rgb(255,184,48)
```
#30dfff
```
#30dfff rgb(48,223,255)
```
#ff3078
```
#ff3078 rgb(255,48,120)
```

Split Complementary Color

#dfff30
```
#dfff30 rgb(223,255,48)
```
#30dfff
```
#30dfff rgb(48,223,255)
```
#ff30df
```
#ff30df rgb(255,48,223)
```

Triadic Color

#30ff50
```
#30ff50 rgb(48,255,80)
```
#30dfff
```
#30dfff rgb(48,223,255)
```
#ff30df
```
#ff30df rgb(255,48,223)
```
#ff5030
```
#ff5030 rgb(255,80,48)
```

Tetradic Color

#00bfe3
```
#00bfe3 rgb(0,191,227)
```
#00d5fc
```
#00d5fc rgb(0,213,252)
```
#17dbff
```
#17dbff rgb(23,219,255)
```
#30dfff
```
#30dfff rgb(48,223,255)
```
#4ae3ff
```
#4ae3ff rgb(74,227,255)
```
#63e7ff
```
#63e7ff rgb(99,231,255)
```
#7debff
```
#7debff rgb(125,235,255)
```

Monochromatic Color

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

#30ffeb
```
#30ffeb rgb(48,255,235)
```
#30fffd
```
#30fffd rgb(48,255,253)
```
#30f0ff
```
#30f0ff rgb(48,240,255)
```
#30dfff
```
#30dfff rgb(48,223,255)
```
#30ceff
```
#30ceff rgb(48,206,255)
```
#30bdff
```
#30bdff rgb(48,189,255)
```
#30abff
```
#30abff rgb(48,171,255)
```

Similar Colors

Text with hexadecimal color #30dfff

This text has a font color of #30dfff.

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

#30dfff background color

This paragraph has a background color of #30dfff.

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

#30dfff border color

This element has a border color of #30dfff.

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

CSS codes

.text {color:#30dfff;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#00181c
```
#00181c rgb(0,24,28)
```
#002930
```
#002930 rgb(0,41,48)
```
#003944
```
#003944 rgb(0,57,68)
```
#004a57
```
#004a57 rgb(0,74,87)
```
#005a6b
```
#005a6b rgb(0,90,107)
```
#006b7e
```
#006b7e rgb(0,107,126)
```
#007b92
```
#007b92 rgb(0,123,146)
```
#008ca6
```
#008ca6 rgb(0,140,166)
```
#009db9
```
#009db9 rgb(0,157,185)
```
#00adcd
```
#00adcd rgb(0,173,205)
```
#00bee1
```
#00bee1 rgb(0,190,225)
```
#00cef4
```
#00cef4 rgb(0,206,244)
```

Shade Color Variation

#09d9ff
```
#09d9ff rgb(9,217,255)
```
#1cdcff
```
#1cdcff rgb(28,220,255)
```
#30dfff
```
#30dfff rgb(48,223,255)
```
#44e2ff
```
#44e2ff rgb(68,226,255)
```
#57e5ff
```
#57e5ff rgb(87,229,255)
```
#6be8ff
```
#6be8ff rgb(107,232,255)
```
#7eebff
```
#7eebff rgb(126,235,255)
```
#92eeff
```
#92eeff rgb(146,238,255)
```
#a6f1ff
```
#a6f1ff rgb(166,241,255)
```
#b9f4ff
```
#b9f4ff rgb(185,244,255)
```
#cdf7ff
```
#cdf7ff rgb(205,247,255)
```
#e1faff
```
#e1faff rgb(225,250,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#909d9f
```
#909d9f rgb(144,157,159)
```
#88a3a7
```
#88a3a7 rgb(136,163,167)
```
#80a8af
```
#80a8af rgb(128,168,175)
```
#78aeb7
```
#78aeb7 rgb(120,174,183)
```
#70b3bf
```
#70b3bf rgb(112,179,191)
```
#68b9c7
```
#68b9c7 rgb(104,185,199)
```
#60becf
```
#60becf rgb(96,190,207)
```
#58c4d7
```
#58c4d7 rgb(88,196,215)
```
#50c9df
```
#50c9df rgb(80,201,223)
```
#48cfe7
```
#48cfe7 rgb(72,207,231)
```
#40d4ef
```
#40d4ef rgb(64,212,239)
```
#38daf7
```
#38daf7 rgb(56,218,247)
```
#30dfff
```
#30dfff rgb(48,223,255)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#95b8be Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cdf2 Protanopia 1% of men
#c4ccff Deuteranopia 1% of men
#26e2f3 Tritanopia 0.001% of the population

Trichromacy

#8fd3f7 Protanomaly 1% of men, 0.01% of women
#8ed3ff Deuteranomaly 6% of men, 0.4% of women
#2ae1f7 Tritanomaly 0.01% of the population

#30dfff hex color

#30dfff Color Information

#30dfff Color Conversion

Color Schemes with #30dfff

Alternatives to #30dfff

#30dfff Preview

Shades and Tints of #30dfff

Tones of #30dfff

Color Blindness Simulator