#30dbff hex color

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

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

● #30dbff color description : Vivid cyan.

The hexadecimal color #30dbff has RGB values of R:48, G:219, B:255 and CMYK values of C:0.81, M:0.14, Y:0, K:0. Its decimal value is 3202047.

Hex triplet	30dbff	`#30dbff`
RGB Decimal	48, 219, 255	`rgb(48,219,255)`
RGB Percent	18.8, 85.9, 100	`rgb(18.8%,85.9%,100%)`
CMYK	81, 14, 0, 0
HSL	190.4°, 100, 59.4	`hsl(190.4,100%,59.4%)`
HSV (or HSB)	190.4°, 81.2, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.02, -29.663, -29.401
XYZ	44.595, 58.507, 103.545
xyY	0.216, 0.283, 58.507
CIE-LCH	81.02, 41.765, 224.746
CIE-LUV	81.02, -55.978, -43.416
Hunter-Lab	76.49, -29.788, -26.718
Binary	00110000, 11011011, 11111111

#30dbff
```
#30dbff rgb(48,219,255)
```
#ff5430
```
#ff5430 rgb(255,84,48)
```

Complementary Color

#30ffbc
```
#30ffbc rgb(48,255,188)
```
#30dbff
```
#30dbff rgb(48,219,255)
```
#3074ff
```
#3074ff rgb(48,116,255)
```

Analogous Color

#ffbc30
```
#ffbc30 rgb(255,188,48)
```
#30dbff
```
#30dbff rgb(48,219,255)
```
#ff3074
```
#ff3074 rgb(255,48,116)
```

Split Complementary Color

#dbff30
```
#dbff30 rgb(219,255,48)
```
#30dbff
```
#30dbff rgb(48,219,255)
```
#ff30db
```
#ff30db rgb(255,48,219)
```

Triadic Color

#30ff54
```
#30ff54 rgb(48,255,84)
```
#30dbff
```
#30dbff rgb(48,219,255)
```
#ff30db
```
#ff30db rgb(255,48,219)
```
#ff5430
```
#ff5430 rgb(255,84,48)
```

Tetradic Color

#00bbe3
```
#00bbe3 rgb(0,187,227)
```
#00d0fc
```
#00d0fc rgb(0,208,252)
```
#17d7ff
```
#17d7ff rgb(23,215,255)
```
#30dbff
```
#30dbff rgb(48,219,255)
```
#4adfff
```
#4adfff rgb(74,223,255)
```
#63e4ff
```
#63e4ff rgb(99,228,255)
```
#7de8ff
```
#7de8ff rgb(125,232,255)
```

Monochromatic Color

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

#30ffef
```
#30ffef rgb(48,255,239)
```
#30feff
```
#30feff rgb(48,254,255)
```
#30ecff
```
#30ecff rgb(48,236,255)
```
#30dbff
```
#30dbff rgb(48,219,255)
```
#30caff
```
#30caff rgb(48,202,255)
```
#30b9ff
```
#30b9ff rgb(48,185,255)
```
#30a7ff
```
#30a7ff rgb(48,167,255)
```

Similar Colors

Text with hexadecimal color #30dbff

This text has a font color of #30dbff.

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

#30dbff background color

This paragraph has a background color of #30dbff.

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

#30dbff border color

This element has a border color of #30dbff.

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

CSS codes

.text {color:#30dbff;}

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

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

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)
```
#00171c
```
#00171c rgb(0,23,28)
```
#002830
```
#002830 rgb(0,40,48)
```
#003844
```
#003844 rgb(0,56,68)
```
#004857
```
#004857 rgb(0,72,87)
```
#00586b
```
#00586b rgb(0,88,107)
```
#00687e
```
#00687e rgb(0,104,126)
```
#007992
```
#007992 rgb(0,121,146)
```
#0089a6
```
#0089a6 rgb(0,137,166)
```
#0099b9
```
#0099b9 rgb(0,153,185)
```
#00a9cd
```
#00a9cd rgb(0,169,205)
```
#00b9e1
```
#00b9e1 rgb(0,185,225)
```
#00caf4
```
#00caf4 rgb(0,202,244)
```

Shade Color Variation

#09d4ff
```
#09d4ff rgb(9,212,255)
```
#1cd8ff
```
#1cd8ff rgb(28,216,255)
```
#30dbff
```
#30dbff rgb(48,219,255)
```
#44deff
```
#44deff rgb(68,222,255)
```
#57e2ff
```
#57e2ff rgb(87,226,255)
```
#6be5ff
```
#6be5ff rgb(107,229,255)
```
#7ee9ff
```
#7ee9ff rgb(126,233,255)
```
#92ecff
```
#92ecff rgb(146,236,255)
```
#a6efff
```
#a6efff rgb(166,239,255)
```
#b9f3ff
```
#b9f3ff rgb(185,243,255)
```
#cdf6ff
```
#cdf6ff rgb(205,246,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 #30dbff is the most saturated one.

#909d9f
```
#909d9f rgb(144,157,159)
```
#88a2a7
```
#88a2a7 rgb(136,162,167)
```
#80a7af
```
#80a7af rgb(128,167,175)
```
#78acb7
```
#78acb7 rgb(120,172,183)
```
#70b1bf
```
#70b1bf rgb(112,177,191)
```
#68b7c7
```
#68b7c7 rgb(104,183,199)
```
#60bccf
```
#60bccf rgb(96,188,207)
```
#58c1d7
```
#58c1d7 rgb(88,193,215)
```
#50c6df
```
#50c6df rgb(80,198,223)
```
#48cbe7
```
#48cbe7 rgb(72,203,231)
```
#40d1ef
```
#40d1ef rgb(64,209,239)
```
#38d6f7
```
#38d6f7 rgb(56,214,247)
```
#30dbff
```
#30dbff rgb(48,219,255)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93b5bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf3 Protanopia 1% of men
#bfc9ff Deuteranopia 1% of men
#1ddfef Tritanopia 0.001% of the population

Trichromacy

#8dd0f7 Protanomaly 1% of men, 0.01% of women
#8bcfff Deuteranomaly 6% of men, 0.4% of women
#24ddf5 Tritanomaly 0.01% of the population

#30dbff hex color

#30dbff Color Information

#30dbff Color Conversion

Color Schemes with #30dbff

Alternatives to #30dbff

#30dbff Preview

Shades and Tints of #30dbff

Tones of #30dbff

Color Blindness Simulator