#30d5e7 hex color

In a RGB color space, hex #30d5e7 is composed of 18.8% red, 83.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 7.8% magenta, 0% yellow and 9.4% black. It has a hue angle of 185.9 degrees, a saturation of 79.2% and a lightness of 54.7%. #30d5e7 color hex could be obtained by blending #60ffff with #00abcf. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 84
- B 91
RGB color chart
- C 79
- M 8
- Y 0
- K 9
CMYK color chart

● #30d5e7 color description : Bright cyan.

The hexadecimal color #30d5e7 has RGB values of R:48, G:213, B:231 and CMYK values of C:0.79, M:0.08, Y:0, K:0.09. Its decimal value is 3200487.

Hex triplet	30d5e7	`#30d5e7`
RGB Decimal	48, 213, 231	`rgb(48,213,231)`
RGB Percent	18.8, 83.5, 90.6	`rgb(18.8%,83.5%,90.6%)`
CMYK	79, 8, 0, 9
HSL	185.9°, 79.2, 54.7	`hsl(185.9,79.2%,54.7%)`
HSV (or HSB)	185.9°, 79.2, 90.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.452, -34.204, -20.537
XYZ	39.433, 53.983, 83.938
xyY	0.222, 0.304, 53.983
CIE-LCH	78.452, 39.896, 210.982
CIE-LUV	78.452, -55.661, -27.594
Hunter-Lab	73.473, -32.777, -16.304
Binary	00110000, 11010101, 11100111

#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#e74230
```
#e74230 rgb(231,66,48)
```

Complementary Color

#30e79e
```
#30e79e rgb(48,231,158)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#307ae7
```
#307ae7 rgb(48,122,231)
```

Analogous Color

#e79e30
```
#e79e30 rgb(231,158,48)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#e7307a
```
#e7307a rgb(231,48,122)
```

Split Complementary Color

#d5e730
```
#d5e730 rgb(213,231,48)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#e730d5
```
#e730d5 rgb(231,48,213)
```

Triadic Color

#30e742
```
#30e742 rgb(48,231,66)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#e730d5
```
#e730d5 rgb(231,48,213)
```
#e74230
```
#e74230 rgb(231,66,48)
```

Tetradic Color

#15a6b5
```
#15a6b5 rgb(21,166,181)
```
#18bbcc
```
#18bbcc rgb(24,187,204)
```
#1acfe3
```
#1acfe3 rgb(26,207,227)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#47daea
```
#47daea rgb(71,218,234)
```
#5edeec
```
#5edeec rgb(94,222,236)
```
#75e3ef
```
#75e3ef rgb(117,227,239)
```

Monochromatic Color

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

#30e7cb
```
#30e7cb rgb(48,231,203)
```
#30e7db
```
#30e7db rgb(48,231,219)
```
#30e4e7
```
#30e4e7 rgb(48,228,231)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#30c6e7
```
#30c6e7 rgb(48,198,231)
```
#30b7e7
```
#30b7e7 rgb(48,183,231)
```
#30a7e7
```
#30a7e7 rgb(48,167,231)
```

Similar Colors

Text with hexadecimal color #30d5e7

This text has a font color of #30d5e7.

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

#30d5e7 background color

This paragraph has a background color of #30d5e7.

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

#30d5e7 border color

This element has a border color of #30d5e7.

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

CSS codes

.text {color:#30d5e7;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021416
```
#021416 rgb(2,20,22)
```
#052427
```
#052427 rgb(5,36,39)
```
#073439
```
#073439 rgb(7,52,57)
```
#09444a
```
#09444a rgb(9,68,74)
```
#0b545c
```
#0b545c rgb(11,84,92)
```
#0d646d
```
#0d646d rgb(13,100,109)
```
#0f747f
```
#0f747f rgb(15,116,127)
```
#118491
```
#118491 rgb(17,132,145)
```
#1394a2
```
#1394a2 rgb(19,148,162)
```
#15a4b4
```
#15a4b4 rgb(21,164,180)
```
#17b4c5
```
#17b4c5 rgb(23,180,197)
```
#19c4d7
```
#19c4d7 rgb(25,196,215)
```

Shade Color Variation

#1ed1e5
```
#1ed1e5 rgb(30,209,229)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#42d9e9
```
#42d9e9 rgb(66,217,233)
```
#53dceb
```
#53dceb rgb(83,220,235)
```
#65e0ed
```
#65e0ed rgb(101,224,237)
```
#76e3ef
```
#76e3ef rgb(118,227,239)
```
#88e7f1
```
#88e7f1 rgb(136,231,241)
```
#99eaf3
```
#99eaf3 rgb(153,234,243)
```
#abeef5
```
#abeef5 rgb(171,238,245)
```
#bdf2f7
```
#bdf2f7 rgb(189,242,247)
```
#cef5f9
```
#cef5f9 rgb(206,245,249)
```
#e0f9fb
```
#e0f9fb rgb(224,249,251)
```
#f1fcfd
```
#f1fcfd rgb(241,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898e8e is the less saturated color, while #1ee3f9 is the most saturated one.

#898e8e
```
#898e8e rgb(137,142,142)
```
#809597
```
#809597 rgb(128,149,151)
```
#779ca0
```
#779ca0 rgb(119,156,160)
```
#6ea3a9
```
#6ea3a9 rgb(110,163,169)
```
#65aab2
```
#65aab2 rgb(101,170,178)
```
#5cb1bb
```
#5cb1bb rgb(92,177,187)
```
#54b8c3
```
#54b8c3 rgb(84,184,195)
```
#4bc0cc
```
#4bc0cc rgb(75,192,204)
```
#42c7d5
```
#42c7d5 rgb(66,199,213)
```
#39cede
```
#39cede rgb(57,206,222)
```
#30d5e7
```
#30d5e7 rgb(48,213,231)
```
#27dcf0
```
#27dcf0 rgb(39,220,240)
```
#1ee3f9
```
#1ee3f9 rgb(30,227,249)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8eafb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c3dc Protanopia 1% of men
#c0c1f0 Deuteranopia 1% of men
#39d7e7 Tritanopia 0.001% of the population

Trichromacy

#8ccae0 Protanomaly 1% of men, 0.01% of women
#8bc8ed Deuteranomaly 6% of men, 0.4% of women
#36d6e7 Tritanomaly 0.01% of the population

#30d5e7 hex color

#30d5e7 Color Information

#30d5e7 Color Conversion

Color Schemes with #30d5e7

Alternatives to #30d5e7

#30d5e7 Preview

Shades and Tints of #30d5e7

Tones of #30d5e7

Color Blindness Simulator