#30cae7 hex color

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

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

● #30cae7 color description : Bright cyan.

The hexadecimal color #30cae7 has RGB values of R:48, G:202, B:231 and CMYK values of C:0.79, M:0.13, Y:0, K:0.09. Its decimal value is 3197671.

Hex triplet	30cae7	`#30cae7`
RGB Decimal	48, 202, 231	`rgb(48,202,231)`
RGB Percent	18.8, 79.2, 90.6	`rgb(18.8%,79.2%,90.6%)`
CMYK	79, 13, 0, 9
HSL	189.5°, 79.2, 54.7	`hsl(189.5,79.2%,54.7%)`
HSV (or HSB)	189.5°, 79.2, 90.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.224, -28.918, -25.451
XYZ	36.759, 48.635, 83.047
xyY	0.218, 0.289, 48.635
CIE-LCH	75.224, 38.523, 221.351
CIE-LUV	75.224, -51.866, -36.446
Hunter-Lab	69.739, -27.957, -21.787
Binary	00110000, 11001010, 11100111

#30cae7
```
#30cae7 rgb(48,202,231)
```
#e74d30
```
#e74d30 rgb(231,77,48)
```

Complementary Color

#30e7a9
```
#30e7a9 rgb(48,231,169)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#306fe7
```
#306fe7 rgb(48,111,231)
```

Analogous Color

#e7a930
```
#e7a930 rgb(231,169,48)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#e7306f
```
#e7306f rgb(231,48,111)
```

Split Complementary Color

#cae730
```
#cae730 rgb(202,231,48)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#e730ca
```
#e730ca rgb(231,48,202)
```

Triadic Color

#30e74d
```
#30e74d rgb(48,231,77)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#e730ca
```
#e730ca rgb(231,48,202)
```
#e74d30
```
#e74d30 rgb(231,77,48)
```

Tetradic Color

#159cb5
```
#159cb5 rgb(21,156,181)
```
#18b0cc
```
#18b0cc rgb(24,176,204)
```
#1ac3e3
```
#1ac3e3 rgb(26,195,227)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#47d0ea
```
#47d0ea rgb(71,208,234)
```
#5ed6ec
```
#5ed6ec rgb(94,214,236)
```
#75dcef
```
#75dcef rgb(117,220,239)
```

Monochromatic Color

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

#30e7d6
```
#30e7d6 rgb(48,231,214)
```
#30e7e6
```
#30e7e6 rgb(48,231,230)
```
#30d9e7
```
#30d9e7 rgb(48,217,231)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#30bbe7
```
#30bbe7 rgb(48,187,231)
```
#30ace7
```
#30ace7 rgb(48,172,231)
```
#309ce7
```
#309ce7 rgb(48,156,231)
```

Similar Colors

Text with hexadecimal color #30cae7

This text has a font color of #30cae7.

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

#30cae7 background color

This paragraph has a background color of #30cae7.

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

#30cae7 border color

This element has a border color of #30cae7.

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

CSS codes

.text {color:#30cae7;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021216
```
#021216 rgb(2,18,22)
```
#052227
```
#052227 rgb(5,34,39)
```
#073139
```
#073139 rgb(7,49,57)
```
#09404a
```
#09404a rgb(9,64,74)
```
#0b4f5c
```
#0b4f5c rgb(11,79,92)
```
#0d5e6d
```
#0d5e6d rgb(13,94,109)
```
#0f6d7f
```
#0f6d7f rgb(15,109,127)
```
#117c91
```
#117c91 rgb(17,124,145)
```
#138ba2
```
#138ba2 rgb(19,139,162)
```
#159bb4
```
#159bb4 rgb(21,155,180)
```
#17aac5
```
#17aac5 rgb(23,170,197)
```
#19b9d7
```
#19b9d7 rgb(25,185,215)
```

Shade Color Variation

#1ec5e5
```
#1ec5e5 rgb(30,197,229)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#42cfe9
```
#42cfe9 rgb(66,207,233)
```
#53d3eb
```
#53d3eb rgb(83,211,235)
```
#65d8ed
```
#65d8ed rgb(101,216,237)
```
#76dcef
```
#76dcef rgb(118,220,239)
```
#88e1f1
```
#88e1f1 rgb(136,225,241)
```
#99e5f3
```
#99e5f3 rgb(153,229,243)
```
#abeaf5
```
#abeaf5 rgb(171,234,245)
```
#bdeef7
```
#bdeef7 rgb(189,238,247)
```
#cef3f9
```
#cef3f9 rgb(206,243,249)
```
#e0f7fb
```
#e0f7fb rgb(224,247,251)
```
#f1fcfd
```
#f1fcfd rgb(241,252,253)
```

Tint Color Variation

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

#898d8e
```
#898d8e rgb(137,141,142)
```
#809397
```
#809397 rgb(128,147,151)
```
#7799a0
```
#7799a0 rgb(119,153,160)
```
#6ea0a9
```
#6ea0a9 rgb(110,160,169)
```
#65a6b2
```
#65a6b2 rgb(101,166,178)
```
#5cacbb
```
#5cacbb rgb(92,172,187)
```
#54b2c3
```
#54b2c3 rgb(84,178,195)
```
#4bb8cc
```
#4bb8cc rgb(75,184,204)
```
#42bed5
```
#42bed5 rgb(66,190,213)
```
#39c4de
```
#39c4de rgb(57,196,222)
```
#30cae7
```
#30cae7 rgb(48,202,231)
```
#27d0f0
```
#27d0f0 rgb(39,208,240)
```
#1ed6f9
```
#1ed6f9 rgb(30,214,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#89a8ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bbdd Protanopia 1% of men
#b1b9ef Deuteranopia 1% of men
#2ccedd Tritanopia 0.001% of the population

Trichromacy

#84c0e0 Protanomaly 1% of men, 0.01% of women
#82bfec Deuteranomaly 6% of men, 0.4% of women
#2dcce1 Tritanomaly 0.01% of the population

#30cae7 hex color

#30cae7 Color Information

#30cae7 Color Conversion

Color Schemes with #30cae7

Alternatives to #30cae7

#30cae7 Preview

Shades and Tints of #30cae7

Tones of #30cae7

Color Blindness Simulator