#30bde0 hex color

In a RGB color space, hex #30bde0 is composed of 18.8% red, 74.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 15.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 191.9 degrees, a saturation of 73.9% and a lightness of 53.3%. #30bde0 color hex could be obtained by blending #60ffff with #007bc1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 74
- B 88
RGB color chart
- C 79
- M 16
- Y 0
- K 12
CMYK color chart

● #30bde0 color description : Bright cyan.

The hexadecimal color #30bde0 has RGB values of R:48, G:189, B:224 and CMYK values of C:0.79, M:0.16, Y:0, K:0.12. Its decimal value is 3194336.

Hex triplet	30bde0	`#30bde0`
RGB Decimal	48, 189, 224	`rgb(48,189,224)`
RGB Percent	18.8, 74.1, 87.8	`rgb(18.8%,74.1%,87.8%)`
CMYK	79, 16, 0, 12
HSL	191.9°, 73.9, 53.3	`hsl(191.9,73.9%,53.3%)`
HSV (or HSB)	191.9°, 78.6, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.147, -24.685, -27.908
XYZ	32.867, 42.402, 76.969
xyY	0.216, 0.279, 42.402
CIE-LCH	71.147, 37.259, 228.507
CIE-LUV	71.147, -47.848, -40.903
Hunter-Lab	65.117, -23.858, -24.5
Binary	00110000, 10111101, 11100000

#30bde0
```
#30bde0 rgb(48,189,224)
```
#e05330
```
#e05330 rgb(224,83,48)
```

Complementary Color

#30e0ab
```
#30e0ab rgb(48,224,171)
```
#30bde0
```
#30bde0 rgb(48,189,224)
```
#3065e0
```
#3065e0 rgb(48,101,224)
```

Analogous Color

#e0ab30
```
#e0ab30 rgb(224,171,48)
```
#30bde0
```
#30bde0 rgb(48,189,224)
```
#e03065
```
#e03065 rgb(224,48,101)
```

Split Complementary Color

#bde030
```
#bde030 rgb(189,224,48)
```
#30bde0
```
#30bde0 rgb(48,189,224)
```
#e030bd
```
#e030bd rgb(224,48,189)
```

Triadic Color

#30e053
```
#30e053 rgb(48,224,83)
```
#30bde0
```
#30bde0 rgb(48,189,224)
```
#e030bd
```
#e030bd rgb(224,48,189)
```
#e05330
```
#e05330 rgb(224,83,48)
```

Tetradic Color

#198daa
```
#198daa rgb(25,141,170)
```
#1da0c0
```
#1da0c0 rgb(29,160,192)
```
#20b2d6
```
#20b2d6 rgb(32,178,214)
```
#30bde0
```
#30bde0 rgb(48,189,224)
```
#46c4e3
```
#46c4e3 rgb(70,196,227)
```
#5ccbe7
```
#5ccbe7 rgb(92,203,231)
```
#73d2ea
```
#73d2ea rgb(115,210,234)
```

Monochromatic Color

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

#30e0d7
```
#30e0d7 rgb(48,224,215)
```
#30dae0
```
#30dae0 rgb(48,218,224)
```
#30cce0
```
#30cce0 rgb(48,204,224)
```
#30bde0
```
#30bde0 rgb(48,189,224)
```
#30aee0
```
#30aee0 rgb(48,174,224)
```
#30a0e0
```
#30a0e0 rgb(48,160,224)
```
#3091e0
```
#3091e0 rgb(48,145,224)
```

Similar Colors

Text with hexadecimal color #30bde0

This text has a font color of #30bde0.

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

#30bde0 background color

This paragraph has a background color of #30bde0.

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

#30bde0 border color

This element has a border color of #30bde0.

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

CSS codes

.text {color:#30bde0;}

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

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

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, #020c0f is the darkest color, while #fdfeff is the lightest one.

#020c0f
```
#020c0f rgb(2,12,15)
```
#051a20
```
#051a20 rgb(5,26,32)
```
#072931
```
#072931 rgb(7,41,49)
```
#0a3742
```
#0a3742 rgb(10,55,66)
```
#0c4553
```
#0c4553 rgb(12,69,83)
```
#0f5364
```
#0f5364 rgb(15,83,100)
```
#126175
```
#126175 rgb(18,97,117)
```
#147086
```
#147086 rgb(20,112,134)
```
#177e97
```
#177e97 rgb(23,126,151)
```
#198ca8
```
#198ca8 rgb(25,140,168)
```
#1c9ab9
```
#1c9ab9 rgb(28,154,185)
```
#1ea8ca
```
#1ea8ca rgb(30,168,202)
```
#21b6dc
```
#21b6dc rgb(33,182,220)
```

Shade Color Variation

#30bde0
```
#30bde0 rgb(48,189,224)
```
#41c2e3
```
#41c2e3 rgb(65,194,227)
```
#52c8e5
```
#52c8e5 rgb(82,200,229)
```
#63cde8
```
#63cde8 rgb(99,205,232)
```
#74d3ea
```
#74d3ea rgb(116,211,234)
```
#85d8ed
```
#85d8ed rgb(133,216,237)
```
#96deef
```
#96deef rgb(150,222,239)
```
#a7e3f2
```
#a7e3f2 rgb(167,227,242)
```
#b8e9f4
```
#b8e9f4 rgb(184,233,244)
```
#caeef7
```
#caeef7 rgb(202,238,247)
```
#dbf3fa
```
#dbf3fa rgb(219,243,250)
```
#ecf9fc
```
#ecf9fc rgb(236,249,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828b8e is the less saturated color, while #15cefb is the most saturated one.

#828b8e
```
#828b8e rgb(130,139,142)
```
#799197
```
#799197 rgb(121,145,151)
```
#7096a0
```
#7096a0 rgb(112,150,160)
```
#679ca9
```
#679ca9 rgb(103,156,169)
```
#5ea1b2
```
#5ea1b2 rgb(94,161,178)
```
#55a7bb
```
#55a7bb rgb(85,167,187)
```
#4bacc5
```
#4bacc5 rgb(75,172,197)
```
#42b2ce
```
#42b2ce rgb(66,178,206)
```
#39b7d7
```
#39b7d7 rgb(57,183,215)
```
#30bde0
```
#30bde0 rgb(48,189,224)
```
#27c3e9
```
#27c3e9 rgb(39,195,233)
```
#1ec8f2
```
#1ec8f2 rgb(30,200,242)
```
#15cefb
```
#15cefb rgb(21,206,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#829fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b0d7 Protanopia 1% of men
#a3afe8 Deuteranopia 1% of men
#22c3d1 Tritanopia 0.001% of the population

Trichromacy

#7cb5da Protanomaly 1% of men, 0.01% of women
#79b4e5 Deuteranomaly 6% of men, 0.4% of women
#27c1d6 Tritanomaly 0.01% of the population

#30bde0 hex color

#30bde0 Color Information

#30bde0 Color Conversion

Color Schemes with #30bde0

Alternatives to #30bde0

#30bde0 Preview

Shades and Tints of #30bde0

Tones of #30bde0

Color Blindness Simulator