#30bcda hex color

In a RGB color space, hex #30bcda is composed of 18.8% red, 73.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 13.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 190.6 degrees, a saturation of 69.7% and a lightness of 52.2%. #30bcda color hex could be obtained by blending #60ffff with #0079b5. Closest websafe color is: #33cccc.

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

● #30bcda color description : Bright cyan.

The hexadecimal color #30bcda has RGB values of R:48, G:188, B:218 and CMYK values of C:0.78, M:0.14, Y:0, K:0.15. Its decimal value is 3194074.

Hex triplet	30bcda	`#30bcda`
RGB Decimal	48, 188, 218	`rgb(48,188,218)`
RGB Percent	18.8, 73.7, 85.5	`rgb(18.8%,73.7%,85.5%)`
CMYK	78, 14, 0, 15
HSL	190.6°, 69.7, 52.2	`hsl(190.6,69.7%,52.2%)`
HSV (or HSB)	190.6°, 78, 85.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.632, -26.108, -25.43
XYZ	31.854, 41.654, 72.687
xyY	0.218, 0.285, 41.654
CIE-LCH	70.632, 36.446, 224.246
CIE-LUV	70.632, -47.91, -36.509
Hunter-Lab	64.54, -24.846, -21.597
Binary	00110000, 10111100, 11011010

#30bcda
```
#30bcda rgb(48,188,218)
```
#da4e30
```
#da4e30 rgb(218,78,48)
```

Complementary Color

#30daa3
```
#30daa3 rgb(48,218,163)
```
#30bcda
```
#30bcda rgb(48,188,218)
```
#3067da
```
#3067da rgb(48,103,218)
```

Analogous Color

#daa330
```
#daa330 rgb(218,163,48)
```
#30bcda
```
#30bcda rgb(48,188,218)
```
#da3067
```
#da3067 rgb(218,48,103)
```

Split Complementary Color

#bcda30
```
#bcda30 rgb(188,218,48)
```
#30bcda
```
#30bcda rgb(48,188,218)
```
#da30bc
```
#da30bc rgb(218,48,188)
```

Triadic Color

#30da4e
```
#30da4e rgb(48,218,78)
```
#30bcda
```
#30bcda rgb(48,188,218)
```
#da30bc
```
#da30bc rgb(218,48,188)
```
#da4e30
```
#da4e30 rgb(218,78,48)
```

Tetradic Color

#1d89a1
```
#1d89a1 rgb(29,137,161)
```
#219cb6
```
#219cb6 rgb(33,156,182)
```
#24aecc
```
#24aecc rgb(36,174,204)
```
#30bcda
```
#30bcda rgb(48,188,218)
```
#46c3de
```
#46c3de rgb(70,195,222)
```
#5bcae2
```
#5bcae2 rgb(91,202,226)
```
#71d1e6
```
#71d1e6 rgb(113,209,230)
```

Monochromatic Color

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

#30dace
```
#30dace rgb(48,218,206)
```
#30d8da
```
#30d8da rgb(48,216,218)
```
#30cada
```
#30cada rgb(48,202,218)
```
#30bcda
```
#30bcda rgb(48,188,218)
```
#30aeda
```
#30aeda rgb(48,174,218)
```
#30a0da
```
#30a0da rgb(48,160,218)
```
#3092da
```
#3092da rgb(48,146,218)
```

Similar Colors

Text with hexadecimal color #30bcda

This text has a font color of #30bcda.

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

#30bcda background color

This paragraph has a background color of #30bcda.

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

#30bcda border color

This element has a border color of #30bcda.

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

CSS codes

.text {color:#30bcda;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#05161a
```
#05161a rgb(5,22,26)
```
#08242b
```
#08242b rgb(8,36,43)
```
#0b333b
```
#0b333b rgb(11,51,59)
```
#0e414c
```
#0e414c rgb(14,65,76)
```
#114f5d
```
#114f5d rgb(17,79,93)
```
#145d6d
```
#145d6d rgb(20,93,109)
```
#166c7e
```
#166c7e rgb(22,108,126)
```
#197a8e
```
#197a8e rgb(25,122,142)
```
#1c889f
```
#1c889f rgb(28,136,159)
```
#1f96b0
```
#1f96b0 rgb(31,150,176)
```
#22a5c0
```
#22a5c0 rgb(34,165,192)
```
#25b3d1
```
#25b3d1 rgb(37,179,209)
```

Shade Color Variation

#30bcda
```
#30bcda rgb(48,188,218)
```
#41c1dd
```
#41c1dd rgb(65,193,221)
```
#51c7e0
```
#51c7e0 rgb(81,199,224)
```
#62cce3
```
#62cce3 rgb(98,204,227)
```
#73d2e6
```
#73d2e6 rgb(115,210,230)
```
#83d7e9
```
#83d7e9 rgb(131,215,233)
```
#94dcec
```
#94dcec rgb(148,220,236)
```
#a4e2ef
```
#a4e2ef rgb(164,226,239)
```
#b5e7f2
```
#b5e7f2 rgb(181,231,242)
```
#c6ecf5
```
#c6ecf5 rgb(198,236,245)
```
#d6f2f8
```
#d6f2f8 rgb(214,242,248)
```
#e7f7fb
```
#e7f7fb rgb(231,247,251)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#848586
```
#848586 rgb(132,133,134)
```
#7b8b8f
```
#7b8b8f rgb(123,139,143)
```
#729198
```
#729198 rgb(114,145,152)
```
#6898a2
```
#6898a2 rgb(104,152,162)
```
#5f9eab
```
#5f9eab rgb(95,158,171)
```
#56a4b4
```
#56a4b4 rgb(86,164,180)
```
#4caabe
```
#4caabe rgb(76,170,190)
```
#43b0c7
```
#43b0c7 rgb(67,176,199)
```
#39b6d1
```
#39b6d1 rgb(57,182,209)
```
#30bcda
```
#30bcda rgb(48,188,218)
```
#27c2e3
```
#27c2e3 rgb(39,194,227)
```
#1dc8ed
```
#1dc8ed rgb(29,200,237)
```
#14cef6
```
#14cef6 rgb(20,206,246)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#829ea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9afd1 Protanopia 1% of men
#a4aee2 Deuteranopia 1% of men
#2ac1cf Tritanopia 0.001% of the population

Trichromacy

#7db4d4 Protanomaly 1% of men, 0.01% of women
#7ab3df Deuteranomaly 6% of men, 0.4% of women
#2cbfd3 Tritanomaly 0.01% of the population

#30bcda hex color

#30bcda Color Information

#30bcda Color Conversion

Color Schemes with #30bcda

Alternatives to #30bcda

#30bcda Preview

Shades and Tints of #30bcda

Tones of #30bcda

Color Blindness Simulator