#30d9ff hex color

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

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

● #30d9ff color description : Vivid cyan.

The hexadecimal color #30d9ff has RGB values of R:48, G:217, B:255 and CMYK values of C:0.81, M:0.15, Y:0, K:0. Its decimal value is 3201535.

Hex triplet	30d9ff	`#30d9ff`
RGB Decimal	48, 217, 255	`rgb(48,217,255)`
RGB Percent	18.8, 85.1, 100	`rgb(18.8%,85.1%,100%)`
CMYK	81, 15, 0, 0
HSL	191°, 100, 59.4	`hsl(191,100%,59.4%)`
HSV (or HSB)	191°, 81.2, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.443, -28.689, -30.286
XYZ	44.077, 57.47, 103.372
xyY	0.215, 0.28, 57.47
CIE-LCH	80.443, 41.717, 226.551
CIE-LUV	80.443, -55.299, -45.039
Hunter-Lab	75.809, -28.882, -27.781
Binary	00110000, 11011001, 11111111

#30d9ff
```
#30d9ff rgb(48,217,255)
```
#ff5630
```
#ff5630 rgb(255,86,48)
```

Complementary Color

#30ffbe
```
#30ffbe rgb(48,255,190)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```
#3072ff
```
#3072ff rgb(48,114,255)
```

Analogous Color

#ffbe30
```
#ffbe30 rgb(255,190,48)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```
#ff3072
```
#ff3072 rgb(255,48,114)
```

Split Complementary Color

#d9ff30
```
#d9ff30 rgb(217,255,48)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```
#ff30d9
```
#ff30d9 rgb(255,48,217)
```

Triadic Color

#30ff56
```
#30ff56 rgb(48,255,86)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```
#ff30d9
```
#ff30d9 rgb(255,48,217)
```
#ff5630
```
#ff5630 rgb(255,86,48)
```

Tetradic Color

#00b9e3
```
#00b9e3 rgb(0,185,227)
```
#00cefc
```
#00cefc rgb(0,206,252)
```
#17d4ff
```
#17d4ff rgb(23,212,255)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```
#4adeff
```
#4adeff rgb(74,222,255)
```
#63e2ff
```
#63e2ff rgb(99,226,255)
```
#7de7ff
```
#7de7ff rgb(125,231,255)
```

Monochromatic Color

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

#30fff1
```
#30fff1 rgb(48,255,241)
```
#30fcff
```
#30fcff rgb(48,252,255)
```
#30eaff
```
#30eaff rgb(48,234,255)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```
#30c8ff
```
#30c8ff rgb(48,200,255)
```
#30b7ff
```
#30b7ff rgb(48,183,255)
```
#30a5ff
```
#30a5ff rgb(48,165,255)
```

Similar Colors

Text with hexadecimal color #30d9ff

This text has a font color of #30d9ff.

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

#30d9ff background color

This paragraph has a background color of #30d9ff.

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

#30d9ff border color

This element has a border color of #30d9ff.

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

CSS codes

.text {color:#30d9ff;}

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

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

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)
```
#002730
```
#002730 rgb(0,39,48)
```
#003744
```
#003744 rgb(0,55,68)
```
#004757
```
#004757 rgb(0,71,87)
```
#00576b
```
#00576b rgb(0,87,107)
```
#00677e
```
#00677e rgb(0,103,126)
```
#007792
```
#007792 rgb(0,119,146)
```
#0087a6
```
#0087a6 rgb(0,135,166)
```
#0097b9
```
#0097b9 rgb(0,151,185)
```
#00a7cd
```
#00a7cd rgb(0,167,205)
```
#00b7e1
```
#00b7e1 rgb(0,183,225)
```
#00c7f4
```
#00c7f4 rgb(0,199,244)
```

Shade Color Variation

#09d2ff
```
#09d2ff rgb(9,210,255)
```
#1cd5ff
```
#1cd5ff rgb(28,213,255)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```
#44ddff
```
#44ddff rgb(68,221,255)
```
#57e0ff
```
#57e0ff rgb(87,224,255)
```
#6be4ff
```
#6be4ff rgb(107,228,255)
```
#7ee7ff
```
#7ee7ff rgb(126,231,255)
```
#92ebff
```
#92ebff rgb(146,235,255)
```
#a6efff
```
#a6efff rgb(166,239,255)
```
#b9f2ff
```
#b9f2ff rgb(185,242,255)
```
#cdf6ff
```
#cdf6ff rgb(205,246,255)
```
#e1f9ff
```
#e1f9ff rgb(225,249,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 #30d9ff 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)
```
#68b6c7
```
#68b6c7 rgb(104,182,199)
```
#60bbcf
```
#60bbcf rgb(96,187,207)
```
#58c0d7
```
#58c0d7 rgb(88,192,215)
```
#50c5df
```
#50c5df rgb(80,197,223)
```
#48cae7
```
#48cae7 rgb(72,202,231)
```
#40cfef
```
#40cfef rgb(64,207,239)
```
#38d4f7
```
#38d4f7 rgb(56,212,247)
```
#30d9ff
```
#30d9ff rgb(48,217,255)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#92b4bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f3 Protanopia 1% of men
#bcc8ff Deuteranopia 1% of men
#17ddee Tritanopia 0.001% of the population

Trichromacy

#8bcef7 Protanomaly 1% of men, 0.01% of women
#89ceff Deuteranomaly 6% of men, 0.4% of women
#20dcf4 Tritanomaly 0.01% of the population

#30d9ff hex color

#30d9ff Color Information

#30d9ff Color Conversion

Color Schemes with #30d9ff

Alternatives to #30d9ff

#30d9ff Preview

Shades and Tints of #30d9ff

Tones of #30d9ff

Color Blindness Simulator