#30b6db hex color

In a RGB color space, hex #30b6db is composed of 18.8% red, 71.4% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 16.9% magenta, 0% yellow and 14.1% black. It has a hue angle of 193 degrees, a saturation of 70.4% and a lightness of 52.4%. #30b6db color hex could be obtained by blending #60ffff with #006db7. 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

● #30b6db color description : Bright cyan.

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

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

CIE-LAB	68.893, -22.748, -28.646
XYZ	30.73, 39.196, 72.96
xyY	0.215, 0.274, 39.196
CIE-LCH	68.893, 36.58, 231.547
CIE-LUV	68.893, -45.748, -42.229
Hunter-Lab	62.607, -21.947, -25.27
Binary	00110000, 10110110, 11011011

#30b6db
```
#30b6db rgb(48,182,219)
```
#db5530
```
#db5530 rgb(219,85,48)
```

Complementary Color

#30dbab
```
#30dbab rgb(48,219,171)
```
#30b6db
```
#30b6db rgb(48,182,219)
```
#3061db
```
#3061db rgb(48,97,219)
```

Analogous Color

#dbab30
```
#dbab30 rgb(219,171,48)
```
#30b6db
```
#30b6db rgb(48,182,219)
```
#db3061
```
#db3061 rgb(219,48,97)
```

Split Complementary Color

#b6db30
```
#b6db30 rgb(182,219,48)
```
#30b6db
```
#30b6db rgb(48,182,219)
```
#db30b6
```
#db30b6 rgb(219,48,182)
```

Triadic Color

#30db55
```
#30db55 rgb(48,219,85)
```
#30b6db
```
#30b6db rgb(48,182,219)
```
#db30b6
```
#db30b6 rgb(219,48,182)
```
#db5530
```
#db5530 rgb(219,85,48)
```

Tetradic Color

#1c85a2
```
#1c85a2 rgb(28,133,162)
```
#2097b8
```
#2097b8 rgb(32,151,184)
```
#24a9ce
```
#24a9ce rgb(36,169,206)
```
#30b6db
```
#30b6db rgb(48,182,219)
```
#46bedf
```
#46bedf rgb(70,190,223)
```
#5bc5e3
```
#5bc5e3 rgb(91,197,227)
```
#71cde6
```
#71cde6 rgb(113,205,230)
```

Monochromatic Color

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

#30dbd5
```
#30dbd5 rgb(48,219,213)
```
#30d3db
```
#30d3db rgb(48,211,219)
```
#30c4db
```
#30c4db rgb(48,196,219)
```
#30b6db
```
#30b6db rgb(48,182,219)
```
#30a8db
```
#30a8db rgb(48,168,219)
```
#309adb
```
#309adb rgb(48,154,219)
```
#308bdb
```
#308bdb rgb(48,139,219)
```

Similar Colors

Text with hexadecimal color #30b6db

This text has a font color of #30b6db.

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

#30b6db background color

This paragraph has a background color of #30b6db.

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

#30b6db border color

This element has a border color of #30b6db.

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

CSS codes

.text {color:#30b6db;}

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

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

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)
```
#0a323c
```
#0a323c rgb(10,50,60)
```
#0d3f4d
```
#0d3f4d rgb(13,63,77)
```
#104d5e
```
#104d5e rgb(16,77,94)
```
#135b6e
```
#135b6e rgb(19,91,110)
```
#16687f
```
#16687f rgb(22,104,127)
```
#197690
```
#197690 rgb(25,118,144)
```
#1c84a1
```
#1c84a1 rgb(28,132,161)
```
#1f92b1
```
#1f92b1 rgb(31,146,177)
```
#229fc2
```
#229fc2 rgb(34,159,194)
```
#25add3
```
#25add3 rgb(37,173,211)
```

Shade Color Variation

#30b6db
```
#30b6db rgb(48,182,219)
```
#41bcde
```
#41bcde rgb(65,188,222)
```
#51c2e1
```
#51c2e1 rgb(81,194,225)
```
#62c8e4
```
#62c8e4 rgb(98,200,228)
```
#73cee7
```
#73cee7 rgb(115,206,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 #14c6f7 is the most saturated one.

#848687
```
#848687 rgb(132,134,135)
```
#7b8c90
```
#7b8c90 rgb(123,140,144)
```
#71919a
```
#71919a rgb(113,145,154)
```
#6896a3
```
#6896a3 rgb(104,150,163)
```
#5f9bac
```
#5f9bac rgb(95,155,172)
```
#55a1b6
```
#55a1b6 rgb(85,161,182)
```
#4ca6bf
```
#4ca6bf rgb(76,166,191)
```
#43abc8
```
#43abc8 rgb(67,171,200)
```
#39b1d2
```
#39b1d2 rgb(57,177,210)
```
#30b6db
```
#30b6db rgb(48,182,219)
```
#27bbe4
```
#27bbe4 rgb(39,187,228)
```
#1dc1ee
```
#1dc1ee rgb(29,193,238)
```
#14c6f7
```
#14c6f7 rgb(20,198,247)
```

Tone Color Variation

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

#a2abd3 Protanopia 1% of men
#9caae2 Deuteranopia 1% of men
#1fbdca Tritanopia 0.001% of the population

Trichromacy

#78afd6 Protanomaly 1% of men, 0.01% of women
#74aee0 Deuteranomaly 6% of men, 0.4% of women
#25bad0 Tritanomaly 0.01% of the population

#30b6db hex color

#30b6db Color Information

#30b6db Color Conversion

Color Schemes with #30b6db

Alternatives to #30b6db

#30b6db Preview

Shades and Tints of #30b6db

Tones of #30b6db

Color Blindness Simulator