#30b5db hex color

In a RGB color space, hex #30b5db is composed of 18.8% red, 71% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 17.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 193.3 degrees, a saturation of 70.4% and a lightness of 52.4%. #30b5db color hex could be obtained by blending #60ffff with #006bb7. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 71
- B 86
RGB color chart
- C 78
- M 17
- Y 0
- K 14
CMYK color chart

● #30b5db color description : Bright cyan.

The hexadecimal color #30b5db has RGB values of R:48, G:181, B:219 and CMYK values of C:0.78, M:0.17, Y:0, K:0.14. Its decimal value is 3192283.

Hex triplet	30b5db	`#30b5db`
RGB Decimal	48, 181, 219	`rgb(48,181,219)`
RGB Percent	18.8, 71, 85.9	`rgb(18.8%,71%,85.9%)`
CMYK	78, 17, 0, 14
HSL	193.3°, 70.4, 52.4	`hsl(193.3,70.4%,52.4%)`
HSV (or HSB)	193.3°, 78.1, 85.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.597, -22.235, -29.102
XYZ	30.526, 38.788, 72.892
xyY	0.215, 0.273, 38.788
CIE-LCH	68.597, 36.624, 232.619
CIE-LUV	68.597, -45.399, -43.038
Hunter-Lab	62.28, -21.501, -25.797
Binary	00110000, 10110101, 11011011

#30b5db
```
#30b5db rgb(48,181,219)
```
#db5630
```
#db5630 rgb(219,86,48)
```

Complementary Color

#30dbac
```
#30dbac rgb(48,219,172)
```
#30b5db
```
#30b5db rgb(48,181,219)
```
#305fdb
```
#305fdb rgb(48,95,219)
```

Analogous Color

#dbac30
```
#dbac30 rgb(219,172,48)
```
#30b5db
```
#30b5db rgb(48,181,219)
```
#db3060
```
#db3060 rgb(219,48,96)
```

Split Complementary Color

#b5db30
```
#b5db30 rgb(181,219,48)
```
#30b5db
```
#30b5db rgb(48,181,219)
```
#db30b5
```
#db30b5 rgb(219,48,181)
```

Triadic Color

#30db56
```
#30db56 rgb(48,219,86)
```
#30b5db
```
#30b5db rgb(48,181,219)
```
#db30b5
```
#db30b5 rgb(219,48,181)
```
#db5630
```
#db5630 rgb(219,86,48)
```

Tetradic Color

#1c84a2
```
#1c84a2 rgb(28,132,162)
```
#2096b8
```
#2096b8 rgb(32,150,184)
```
#24a8ce
```
#24a8ce rgb(36,168,206)
```
#30b5db
```
#30b5db rgb(48,181,219)
```
#46bddf
```
#46bddf rgb(70,189,223)
```
#5bc5e3
```
#5bc5e3 rgb(91,197,227)
```
#71cce6
```
#71cce6 rgb(113,204,230)
```

Monochromatic Color

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

#30dbd6
```
#30dbd6 rgb(48,219,214)
```
#30d2db
```
#30d2db rgb(48,210,219)
```
#30c3db
```
#30c3db rgb(48,195,219)
```
#30b5db
```
#30b5db rgb(48,181,219)
```
#30a7db
```
#30a7db rgb(48,167,219)
```
#3099db
```
#3099db rgb(48,153,219)
```
#308adb
```
#308adb rgb(48,138,219)
```

Similar Colors

Text with hexadecimal color #30b5db

This text has a font color of #30b5db.

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

#30b5db background color

This paragraph has a background color of #30b5db.

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

#30b5db border color

This element has a border color of #30b5db.

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

CSS codes

.text {color:#30b5db;}

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

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

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

#02080a
```
#02080a rgb(2,8,10)
```
#05161b
```
#05161b rgb(5,22,27)
```
#08242c
```
#08242c rgb(8,36,44)
```
#0a313c
```
#0a313c rgb(10,49,60)
```
#0d3f4d
```
#0d3f4d rgb(13,63,77)
```
#104d5e
```
#104d5e rgb(16,77,94)
```
#135a6e
```
#135a6e rgb(19,90,110)
```
#16687f
```
#16687f rgb(22,104,127)
```
#197590
```
#197590 rgb(25,117,144)
```
#1c83a1
```
#1c83a1 rgb(28,131,161)
```
#1f91b1
```
#1f91b1 rgb(31,145,177)
```
#229ec2
```
#229ec2 rgb(34,158,194)
```
#25acd3
```
#25acd3 rgb(37,172,211)
```

Shade Color Variation

#30b5db
```
#30b5db rgb(48,181,219)
```
#41bbde
```
#41bbde rgb(65,187,222)
```
#51c1e1
```
#51c1e1 rgb(81,193,225)
```
#62c7e4
```
#62c7e4 rgb(98,199,228)
```
#73cde7
```
#73cde7 rgb(115,205,231)
```
#84d3ea
```
#84d3ea rgb(132,211,234)
```
#94d9ec
```
#94d9ec rgb(148,217,236)
```
#a5dfef
```
#a5dfef rgb(165,223,239)
```
#b6e5f2
```
#b6e5f2 rgb(182,229,242)
```
#c6ebf5
```
#c6ebf5 rgb(198,235,245)
```
#d7f1f8
```
#d7f1f8 rgb(215,241,248)
```
#e8f7fb
```
#e8f7fb rgb(232,247,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#848687
```
#848687 rgb(132,134,135)
```
#7b8b90
```
#7b8b90 rgb(123,139,144)
```
#71919a
```
#71919a rgb(113,145,154)
```
#6896a3
```
#6896a3 rgb(104,150,163)
```
#5f9bac
```
#5f9bac rgb(95,155,172)
```
#55a0b6
```
#55a0b6 rgb(85,160,182)
```
#4ca5bf
```
#4ca5bf rgb(76,165,191)
```
#43abc8
```
#43abc8 rgb(67,171,200)
```
#39b0d2
```
#39b0d2 rgb(57,176,210)
```
#30b5db
```
#30b5db rgb(48,181,219)
```
#27bae4
```
#27bae4 rgb(39,186,228)
```
#1dbfee
```
#1dbfee rgb(29,191,238)
```
#14c5f7
```
#14c5f7 rgb(20,197,247)
```

Tone Color Variation

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

#a1aad3 Protanopia 1% of men
#9aa9e2 Deuteranopia 1% of men
#1dbcca Tritanopia 0.001% of the population

Trichromacy

#78aed6 Protanomaly 1% of men, 0.01% of women
#73addf Deuteranomaly 6% of men, 0.4% of women
#24b9d0 Tritanomaly 0.01% of the population

#30b5db hex color

#30b5db Color Information

#30b5db Color Conversion

Color Schemes with #30b5db

Alternatives to #30b5db

#30b5db Preview

Shades and Tints of #30b5db

Tones of #30b5db

Color Blindness Simulator