#30c2e4 hex color

In a RGB color space, hex #30c2e4 is composed of 18.8% red, 76.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 14.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 191.3 degrees, a saturation of 76.9% and a lightness of 54.1%. #30c2e4 color hex could be obtained by blending #60ffff with #0085c9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 76
- B 89
RGB color chart
- C 79
- M 15
- Y 0
- K 11
CMYK color chart

● #30c2e4 color description : Bright cyan.

The hexadecimal color #30c2e4 has RGB values of R:48, G:194, B:228 and CMYK values of C:0.79, M:0.15, Y:0, K:0.11. Its decimal value is 3195620.

Hex triplet	30c2e4	`#30c2e4`
RGB Decimal	48, 194, 228	`rgb(48,194,228)`
RGB Percent	18.8, 76.1, 89.4	`rgb(18.8%,76.1%,89.4%)`
CMYK	79, 15, 0, 11
HSL	191.3°, 76.9, 54.1	`hsl(191.3,76.9%,54.1%)`
HSV (or HSB)	191.3°, 78.9, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.767, -25.912, -27.594
XYZ	34.51, 44.81, 80.225
xyY	0.216, 0.281, 44.81
CIE-LCH	72.767, 37.853, 226.8
CIE-LUV	72.767, -49.308, -40.323
Hunter-Lab	66.94, -25.122, -24.198
Binary	00110000, 11000010, 11100100

#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#e45230
```
#e45230 rgb(228,82,48)
```

Complementary Color

#30e4ac
```
#30e4ac rgb(48,228,172)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#3068e4
```
#3068e4 rgb(48,104,228)
```

Analogous Color

#e4ac30
```
#e4ac30 rgb(228,172,48)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#e43068
```
#e43068 rgb(228,48,104)
```

Split Complementary Color

#c2e430
```
#c2e430 rgb(194,228,48)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#e430c2
```
#e430c2 rgb(228,48,194)
```

Triadic Color

#30e452
```
#30e452 rgb(48,228,82)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#e430c2
```
#e430c2 rgb(228,48,194)
```
#e45230
```
#e45230 rgb(228,82,48)
```

Tetradic Color

#1793b0
```
#1793b0 rgb(23,147,176)
```
#1aa6c7
```
#1aa6c7 rgb(26,166,199)
```
#1db9de
```
#1db9de rgb(29,185,222)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#47c9e7
```
#47c9e7 rgb(71,201,231)
```
#5dcfea
```
#5dcfea rgb(93,207,234)
```
#74d6ed
```
#74d6ed rgb(116,214,237)
```

Monochromatic Color

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

#30e4d9
```
#30e4d9 rgb(48,228,217)
```
#30e0e4
```
#30e0e4 rgb(48,224,228)
```
#30d1e4
```
#30d1e4 rgb(48,209,228)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#30b3e4
```
#30b3e4 rgb(48,179,228)
```
#30a4e4
```
#30a4e4 rgb(48,164,228)
```
#3095e4
```
#3095e4 rgb(48,149,228)
```

Similar Colors

Text with hexadecimal color #30c2e4

This text has a font color of #30c2e4.

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

#30c2e4 background color

This paragraph has a background color of #30c2e4.

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

#30c2e4 border color

This element has a border color of #30c2e4.

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

CSS codes

.text {color:#30c2e4;}

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

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

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 #effafd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#021013
```
#021013 rgb(2,16,19)
```
#051e24
```
#051e24 rgb(5,30,36)
```
#072d35
```
#072d35 rgb(7,45,53)
```
#093b47
```
#093b47 rgb(9,59,71)
```
#0b4a58
```
#0b4a58 rgb(11,74,88)
```
#0e5869
```
#0e5869 rgb(14,88,105)
```
#10677b
```
#10677b rgb(16,103,123)
```
#12758c
```
#12758c rgb(18,117,140)
```
#15849d
```
#15849d rgb(21,132,157)
```
#1792af
```
#1792af rgb(23,146,175)
```
#19a1c0
```
#19a1c0 rgb(25,161,192)
```
#1bafd1
```
#1bafd1 rgb(27,175,209)
```

Shade Color Variation

#1fbde2
```
#1fbde2 rgb(31,189,226)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#41c7e6
```
#41c7e6 rgb(65,199,230)
```
#53cce9
```
#53cce9 rgb(83,204,233)
```
#64d1eb
```
#64d1eb rgb(100,209,235)
```
#75d6ed
```
#75d6ed rgb(117,214,237)
```
#87dcef
```
#87dcef rgb(135,220,239)
```
#98e1f2
```
#98e1f2 rgb(152,225,242)
```
#a9e6f4
```
#a9e6f4 rgb(169,230,244)
```
#bbebf6
```
#bbebf6 rgb(187,235,246)
```
#ccf0f8
```
#ccf0f8 rgb(204,240,248)
```
#def5fb
```
#def5fb rgb(222,245,251)
```
#effafd
```
#effafd rgb(239,250,253)
```

Tint Color Variation

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

#8a8a8a
```
#8a8a8a rgb(138,138,138)
```
#819093
```
#819093 rgb(129,144,147)
```
#78959c
```
#78959c rgb(120,149,156)
```
#6f9ba5
```
#6f9ba5 rgb(111,155,165)
```
#66a0ae
```
#66a0ae rgb(102,160,174)
```
#5da6b7
```
#5da6b7 rgb(93,166,183)
```
#54acc0
```
#54acc0 rgb(84,172,192)
```
#4bb1c9
```
#4bb1c9 rgb(75,177,201)
```
#42b7d2
```
#42b7d2 rgb(66,183,210)
```
#39bcdb
```
#39bcdb rgb(57,188,219)
```
#30c2e4
```
#30c2e4 rgb(48,194,228)
```
#27c8ed
```
#27c8ed rgb(39,200,237)
```
#1ecdf6
```
#1ecdf6 rgb(30,205,246)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#85a2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb4db Protanopia 1% of men
#a8b3ec Deuteranopia 1% of men
#24c7d6 Tritanopia 0.001% of the population

Trichromacy

#7fb9de Protanomaly 1% of men, 0.01% of women
#7cb9e9 Deuteranomaly 6% of men, 0.4% of women
#28c5db Tritanomaly 0.01% of the population

#30c2e4 hex color

#30c2e4 Color Information

#30c2e4 Color Conversion

Color Schemes with #30c2e4

Alternatives to #30c2e4

#30c2e4 Preview

Shades and Tints of #30c2e4

Tones of #30c2e4

Color Blindness Simulator