#30b5dd hex color

In a RGB color space, hex #30b5dd is composed of 18.8% red, 71% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 18.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 193.9 degrees, a saturation of 71.8% and a lightness of 52.7%. #30b5dd color hex could be obtained by blending #60ffff with #006bbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 71
- B 87
RGB color chart
- C 78
- M 18
- Y 0
- K 13
CMYK color chart

● #30b5dd color description : Bright cyan.

The hexadecimal color #30b5dd has RGB values of R:48, G:181, B:221 and CMYK values of C:0.78, M:0.18, Y:0, K:0.13. Its decimal value is 3192285.

Hex triplet	30b5dd	`#30b5dd`
RGB Decimal	48, 181, 221	`rgb(48,181,221)`
RGB Percent	18.8, 71, 86.7	`rgb(18.8%,71%,86.7%)`
CMYK	78, 18, 0, 13
HSL	193.9°, 71.8, 52.7	`hsl(193.9,71.8%,52.7%)`
HSV (or HSB)	193.9°, 78.3, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.674, -21.579, -30.078
XYZ	30.79, 38.894, 74.287
xyY	0.214, 0.27, 38.894
CIE-LCH	68.674, 37.018, 234.344
CIE-LUV	68.674, -45.266, -44.775
Hunter-Lab	62.365, -21.01, -26.969
Binary	00110000, 10110101, 11011101

#30b5dd
```
#30b5dd rgb(48,181,221)
```
#dd5830
```
#dd5830 rgb(221,88,48)
```

Complementary Color

#30ddaf
```
#30ddaf rgb(48,221,175)
```
#30b5dd
```
#30b5dd rgb(48,181,221)
```
#305edd
```
#305edd rgb(48,94,221)
```

Analogous Color

#ddaf30
```
#ddaf30 rgb(221,175,48)
```
#30b5dd
```
#30b5dd rgb(48,181,221)
```
#dd305e
```
#dd305e rgb(221,48,94)
```

Split Complementary Color

#b5dd30
```
#b5dd30 rgb(181,221,48)
```
#30b5dd
```
#30b5dd rgb(48,181,221)
```
#dd30b5
```
#dd30b5 rgb(221,48,181)
```

Triadic Color

#30dd58
```
#30dd58 rgb(48,221,88)
```
#30b5dd
```
#30b5dd rgb(48,181,221)
```
#dd30b5
```
#dd30b5 rgb(221,48,181)
```
#dd5830
```
#dd5830 rgb(221,88,48)
```

Tetradic Color

#1b85a5
```
#1b85a5 rgb(27,133,165)
```
#1f97bb
```
#1f97bb rgb(31,151,187)
```
#22a9d1
```
#22a9d1 rgb(34,169,209)
```
#30b5dd
```
#30b5dd rgb(48,181,221)
```
#46bde1
```
#46bde1 rgb(70,189,225)
```
#5cc5e4
```
#5cc5e4 rgb(92,197,228)
```
#72cce8
```
#72cce8 rgb(114,204,232)
```

Monochromatic Color

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

#30ddda
```
#30ddda rgb(48,221,218)
```
#30d2dd
```
#30d2dd rgb(48,210,221)
```
#30c3dd
```
#30c3dd rgb(48,195,221)
```
#30b5dd
```
#30b5dd rgb(48,181,221)
```
#30a7dd
```
#30a7dd rgb(48,167,221)
```
#3098dd
```
#3098dd rgb(48,152,221)
```
#308add
```
#308add rgb(48,138,221)
```

Similar Colors

Text with hexadecimal color #30b5dd

This text has a font color of #30b5dd.

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

#30b5dd background color

This paragraph has a background color of #30b5dd.

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

#30b5dd border color

This element has a border color of #30b5dd.

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

CSS codes

.text {color:#30b5dd;}

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

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

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

#020a0c
```
#020a0c rgb(2,10,12)
```
#05171d
```
#05171d rgb(5,23,29)
```
#08252e
```
#08252e rgb(8,37,46)
```
#0a323f
```
#0a323f rgb(10,50,63)
```
#0d404f
```
#0d404f rgb(13,64,79)
```
#104e60
```
#104e60 rgb(16,78,96)
```
#135b71
```
#135b71 rgb(19,91,113)
```
#156982
```
#156982 rgb(21,105,130)
```
#187693
```
#187693 rgb(24,118,147)
```
#1b84a4
```
#1b84a4 rgb(27,132,164)
```
#1e92b5
```
#1e92b5 rgb(30,146,181)
```
#209fc5
```
#209fc5 rgb(32,159,197)
```
#23add6
```
#23add6 rgb(35,173,214)
```

Shade Color Variation

#30b5dd
```
#30b5dd rgb(48,181,221)
```
#41bbe0
```
#41bbe0 rgb(65,187,224)
```
#52c1e3
```
#52c1e3 rgb(82,193,227)
```
#63c7e5
```
#63c7e5 rgb(99,199,229)
```
#73cde8
```
#73cde8 rgb(115,205,232)
```
#84d3eb
```
#84d3eb rgb(132,211,235)
```
#95d9ee
```
#95d9ee rgb(149,217,238)
```
#a6dff0
```
#a6dff0 rgb(166,223,240)
```
#b7e5f3
```
#b7e5f3 rgb(183,229,243)
```
#c8ebf6
```
#c8ebf6 rgb(200,235,246)
```
#d8f1f9
```
#d8f1f9 rgb(216,241,249)
```
#e9f7fb
```
#e9f7fb rgb(233,247,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#83888a
```
#83888a rgb(131,136,138)
```
#7a8d93
```
#7a8d93 rgb(122,141,147)
```
#71929c
```
#71929c rgb(113,146,156)
```
#6897a5
```
#6897a5 rgb(104,151,165)
```
#5e9caf
```
#5e9caf rgb(94,156,175)
```
#55a1b8
```
#55a1b8 rgb(85,161,184)
```
#4ca6c1
```
#4ca6c1 rgb(76,166,193)
```
#43abca
```
#43abca rgb(67,171,202)
```
#39b0d4
```
#39b0d4 rgb(57,176,212)
```
#30b5dd
```
#30b5dd rgb(48,181,221)
```
#27bae6
```
#27bae6 rgb(39,186,230)
```
#1dbff0
```
#1dbff0 rgb(29,191,240)
```
#14c4f9
```
#14c4f9 rgb(20,196,249)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7e99a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aad5 Protanopia 1% of men
#99aae4 Deuteranopia 1% of men
#18bcca Tritanopia 0.001% of the population

Trichromacy

#77aed8 Protanomaly 1% of men, 0.01% of women
#73aee1 Deuteranomaly 6% of men, 0.4% of women
#20b9d1 Tritanomaly 0.01% of the population

#30b5dd hex color

#30b5dd Color Information

#30b5dd Color Conversion

Color Schemes with #30b5dd

Alternatives to #30b5dd

#30b5dd Preview

Shades and Tints of #30b5dd

Tones of #30b5dd

Color Blindness Simulator