#30ddf7 hex color

In a RGB color space, hex #30ddf7 is composed of 18.8% red, 86.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 10.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 187.8 degrees, a saturation of 92.6% and a lightness of 57.8%. #30ddf7 color hex could be obtained by blending #60ffff with #00bbef. Closest websafe color is: #33ccff.

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

● #30ddf7 color description : Bright cyan.

The hexadecimal color #30ddf7 has RGB values of R:48, G:221, B:247 and CMYK values of C:0.81, M:0.11, Y:0, K:0.03. Its decimal value is 3202551.

Hex triplet	30ddf7	`#30ddf7`
RGB Decimal	48, 221, 247	`rgb(48,221,247)`
RGB Percent	18.8, 86.7, 96.9	`rgb(18.8%,86.7%,96.9%)`
CMYK	81, 11, 0, 3
HSL	187.8°, 92.6, 57.8	`hsl(187.8,92.6%,57.8%)`
HSV (or HSB)	187.8°, 80.6, 96.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.32, -33.108, -24.7
XYZ	43.859, 59.052, 97.077
xyY	0.219, 0.295, 59.052
CIE-LCH	81.32, 41.307, 216.724
CIE-LUV	81.32, -57.238, -34.904
Hunter-Lab	76.846, -32.602, -21.108
Binary	00110000, 11011101, 11110111

#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#f74a30
```
#f74a30 rgb(247,74,48)
```

Complementary Color

#30f7ae
```
#30f7ae rgb(48,247,174)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#307af7
```
#307af7 rgb(48,122,247)
```

Analogous Color

#f7ae30
```
#f7ae30 rgb(247,174,48)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#f7307a
```
#f7307a rgb(247,48,122)
```

Split Complementary Color

#ddf730
```
#ddf730 rgb(221,247,48)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#f730dd
```
#f730dd rgb(247,48,221)
```

Triadic Color

#30f74a
```
#30f74a rgb(48,247,74)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#f730dd
```
#f730dd rgb(247,48,221)
```
#f74a30
```
#f74a30 rgb(247,74,48)
```

Tetradic Color

#08b8d2
```
#08b8d2 rgb(8,184,210)
```
#09cdeb
```
#09cdeb rgb(9,205,235)
```
#17d9f6
```
#17d9f6 rgb(23,217,246)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#49e1f8
```
#49e1f8 rgb(73,225,248)
```
#61e5f9
```
#61e5f9 rgb(97,229,249)
```
#7ae9fa
```
#7ae9fa rgb(122,233,250)
```

Monochromatic Color

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

#30f7df
```
#30f7df rgb(48,247,223)
```
#30f7f0
```
#30f7f0 rgb(48,247,240)
```
#30eef7
```
#30eef7 rgb(48,238,247)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#30ccf7
```
#30ccf7 rgb(48,204,247)
```
#30bcf7
```
#30bcf7 rgb(48,188,247)
```
#30abf7
```
#30abf7 rgb(48,171,247)
```

Similar Colors

Text with hexadecimal color #30ddf7

This text has a font color of #30ddf7.

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

#30ddf7 background color

This paragraph has a background color of #30ddf7.

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

#30ddf7 border color

This element has a border color of #30ddf7.

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

CSS codes

.text {color:#30ddf7;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011114
```
#011114 rgb(1,17,20)
```
#012227
```
#012227 rgb(1,34,39)
```
#023239
```
#023239 rgb(2,50,57)
```
#03434c
```
#03434c rgb(3,67,76)
```
#04535f
```
#04535f rgb(4,83,95)
```
#046472
```
#046472 rgb(4,100,114)
```
#057485
```
#057485 rgb(5,116,133)
```
#068598
```
#068598 rgb(6,133,152)
```
#0795ab
```
#0795ab rgb(7,149,171)
```
#07a6be
```
#07a6be rgb(7,166,190)
```
#08b6d0
```
#08b6d0 rgb(8,182,208)
```
#09c7e3
```
#09c7e3 rgb(9,199,227)
```

Shade Color Variation

#0ad7f6
```
#0ad7f6 rgb(10,215,246)
```
#1ddaf6
```
#1ddaf6 rgb(29,218,246)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```
#43e0f8
```
#43e0f8 rgb(67,224,248)
```
#56e3f8
```
#56e3f8 rgb(86,227,248)
```
#69e6f9
```
#69e6f9 rgb(105,230,249)
```
#7ce9fa
```
#7ce9fa rgb(124,233,250)
```
#8eedfb
```
#8eedfb rgb(142,237,251)
```
#a1f0fb
```
#a1f0fb rgb(161,240,251)
```
#b4f3fc
```
#b4f3fc rgb(180,243,252)
```
#c7f6fd
```
#c7f6fd rgb(199,246,253)
```
#daf9fe
```
#daf9fe rgb(218,249,254)
```
#edfcfe
```
#edfcfe rgb(237,252,254)
```

Tint Color Variation

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

#939494
```
#939494 rgb(147,148,148)
```
#8b9a9c
```
#8b9a9c rgb(139,154,156)
```
#83a0a4
```
#83a0a4 rgb(131,160,164)
```
#7aa6ad
```
#7aa6ad rgb(122,166,173)
```
#72acb5
```
#72acb5 rgb(114,172,181)
```
#6ab2bd
```
#6ab2bd rgb(106,178,189)
```
#62b8c5
```
#62b8c5 rgb(98,184,197)
```
#59bece
```
#59bece rgb(89,190,206)
```
#51c5d6
```
#51c5d6 rgb(81,197,214)
```
#49cbde
```
#49cbde rgb(73,203,222)
```
#41d1e6
```
#41d1e6 rgb(65,209,230)
```
#38d7ef
```
#38d7ef rgb(56,215,239)
```
#30ddf7
```
#30ddf7 rgb(48,221,247)
```

Tone Color Variation

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

Dichromacy

#c6cbeb Protanopia 1% of men
#c3c9ff Deuteranopia 1% of men
#30dff0 Tritanopia 0.001% of the population

Trichromacy

#8fd1ef Protanomaly 1% of men, 0.01% of women
#8dd0fc Deuteranomaly 6% of men, 0.4% of women
#30def2 Tritanomaly 0.01% of the population

#30ddf7 hex color

#30ddf7 Color Information

#30ddf7 Color Conversion

Color Schemes with #30ddf7

Alternatives to #30ddf7

#30ddf7 Preview

Shades and Tints of #30ddf7

Tones of #30ddf7

Color Blindness Simulator