#30bbed hex color

In a RGB color space, hex #30bbed is composed of 18.8% red, 73.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 21.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 195.9 degrees, a saturation of 84% and a lightness of 55.9%. #30bbed color hex could be obtained by blending #60ffff with #0077db. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 73
- B 93
RGB color chart
- C 80
- M 21
- Y 0
- K 7
CMYK color chart

● #30bbed color description : Bright blue.

The hexadecimal color #30bbed has RGB values of R:48, G:187, B:237 and CMYK values of C:0.8, M:0.21, Y:0, K:0.07. Its decimal value is 3193837.

Hex triplet	30bbed	`#30bbed`
RGB Decimal	48, 187, 237	`rgb(48,187,237)`
RGB Percent	18.8, 73.3, 92.9	`rgb(18.8%,73.3%,92.9%)`
CMYK	80, 21, 0, 7
HSL	195.9°, 84, 55.9	`hsl(195.9,84%,55.9%)`
HSV (or HSB)	195.9°, 79.7, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.064, -19.397, -35.101
XYZ	34.271, 42.28, 86.471
xyY	0.21, 0.259, 42.28
CIE-LCH	71.064, 40.104, 241.074
CIE-LUV	71.064, -46.285, -53.805
Hunter-Lab	65.023, -19.71, -33.33
Binary	00110000, 10111011, 11101101

#30bbed
```
#30bbed rgb(48,187,237)
```
#ed6230
```
#ed6230 rgb(237,98,48)
```

Complementary Color

#30edc1
```
#30edc1 rgb(48,237,193)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#305ded
```
#305ded rgb(48,93,237)
```

Analogous Color

#edc130
```
#edc130 rgb(237,193,48)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#ed305d
```
#ed305d rgb(237,48,93)
```

Split Complementary Color

#bbed30
```
#bbed30 rgb(187,237,48)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#ed30bb
```
#ed30bb rgb(237,48,187)
```

Triadic Color

#30ed62
```
#30ed62 rgb(48,237,98)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#ed30bb
```
#ed30bb rgb(237,48,187)
```
#ed6230
```
#ed6230 rgb(237,98,48)
```

Tetradic Color

#1191c0
```
#1191c0 rgb(17,145,192)
```
#13a3d7
```
#13a3d7 rgb(19,163,215)
```
#19b3eb
```
#19b3eb rgb(25,179,235)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#47c3ef
```
#47c3ef rgb(71,195,239)
```
#5fcaf1
```
#5fcaf1 rgb(95,202,241)
```
#76d2f3
```
#76d2f3 rgb(118,210,243)
```

Monochromatic Color

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

#30eaed
```
#30eaed rgb(48,234,237)
```
#30dbed
```
#30dbed rgb(48,219,237)
```
#30cbed
```
#30cbed rgb(48,203,237)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#30abed
```
#30abed rgb(48,171,237)
```
#309ced
```
#309ced rgb(48,156,237)
```
#308ced
```
#308ced rgb(48,140,237)
```

Similar Colors

Text with hexadecimal color #30bbed

This text has a font color of #30bbed.

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

#30bbed background color

This paragraph has a background color of #30bbed.

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

#30bbed border color

This element has a border color of #30bbed.

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

CSS codes

.text {color:#30bbed;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#02151c
```
#02151c rgb(2,21,28)
```
#04232e
```
#04232e rgb(4,35,46)
```
#063040
```
#063040 rgb(6,48,64)
```
#073e52
```
#073e52 rgb(7,62,82)
```
#094c64
```
#094c64 rgb(9,76,100)
```
#0a5976
```
#0a5976 rgb(10,89,118)
```
#0c6788
```
#0c6788 rgb(12,103,136)
```
#0d759a
```
#0d759a rgb(13,117,154)
```
#0f82ac
```
#0f82ac rgb(15,130,172)
```
#1190be
```
#1190be rgb(17,144,190)
```
#129ed0
```
#129ed0 rgb(18,158,208)
```
#14abe2
```
#14abe2 rgb(20,171,226)
```

Shade Color Variation

#1eb5eb
```
#1eb5eb rgb(30,181,235)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#42c1ef
```
#42c1ef rgb(66,193,239)
```
#54c7f0
```
#54c7f0 rgb(84,199,240)
```
#66cdf2
```
#66cdf2 rgb(102,205,242)
```
#78d3f3
```
#78d3f3 rgb(120,211,243)
```
#8ad9f5
```
#8ad9f5 rgb(138,217,245)
```
#9cdff6
```
#9cdff6 rgb(156,223,246)
```
#aee4f8
```
#aee4f8 rgb(174,228,248)
```
#c0eafa
```
#c0eafa rgb(192,234,250)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#e4f6fd
```
#e4f6fd rgb(228,246,253)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#879296
```
#879296 rgb(135,146,150)
```
#7e969f
```
#7e969f rgb(126,150,159)
```
#759aa8
```
#759aa8 rgb(117,154,168)
```
#6d9eb0
```
#6d9eb0 rgb(109,158,176)
```
#64a3b9
```
#64a3b9 rgb(100,163,185)
```
#5ba7c2
```
#5ba7c2 rgb(91,167,194)
```
#53abca
```
#53abca rgb(83,171,202)
```
#4aafd3
```
#4aafd3 rgb(74,175,211)
```
#41b3dc
```
#41b3dc rgb(65,179,220)
```
#39b7e4
```
#39b7e4 rgb(57,183,228)
```
#30bbed
```
#30bbed rgb(48,187,237)
```
#27bff6
```
#27bff6 rgb(39,191,246)
```
#1fc3fe
```
#1fc3fe rgb(31,195,254)
```

Tone Color Variation

Below, you can see how #30bbed 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
#829ea8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b0e4 Protanopia 1% of men
#98b0f3 Deuteranopia 1% of men
#00c3d1 Tritanopia 0.001% of the population

Trichromacy

#79b4e7 Protanomaly 1% of men, 0.01% of women
#72b4f1 Deuteranomaly 6% of men, 0.4% of women
#11c0db Tritanomaly 0.01% of the population

#30bbed hex color

#30bbed Color Information

#30bbed Color Conversion

Color Schemes with #30bbed

Alternatives to #30bbed

#30bbed Preview

Shades and Tints of #30bbed

Tones of #30bbed

Color Blindness Simulator