#30b2d6 hex color

In a RGB color space, hex #30b2d6 is composed of 18.8% red, 69.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 16.8% magenta, 0% yellow and 16.1% black. It has a hue angle of 193 degrees, a saturation of 66.9% and a lightness of 51.4%. #30b2d6 color hex could be obtained by blending #60ffff with #0065ad. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 70
- B 84
RGB color chart
- C 78
- M 17
- Y 0
- K 16
CMYK color chart

● #30b2d6 color description : Strong cyan.

The hexadecimal color #30b2d6 has RGB values of R:48, G:178, B:214 and CMYK values of C:0.78, M:0.17, Y:0, K:0.16. Its decimal value is 3191510.

Hex triplet	30b2d6	`#30b2d6`
RGB Decimal	48, 178, 214	`rgb(48,178,214)`
RGB Percent	18.8, 69.8, 83.9	`rgb(18.8%,69.8%,83.9%)`
CMYK	78, 17, 0, 16
HSL	193°, 66.9, 51.4	`hsl(193,66.9%,51.4%)`
HSV (or HSB)	193°, 77.6, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.518, -22.327, -28.021
XYZ	29.274, 37.322, 69.276
xyY	0.215, 0.275, 37.322
CIE-LCH	67.518, 35.828, 231.452
CIE-LUV	67.518, -44.682, -41.12
Hunter-Lab	61.091, -21.377, -24.469
Binary	00110000, 10110010, 11010110

#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#d65430
```
#d65430 rgb(214,84,48)
```

Complementary Color

#30d6a7
```
#30d6a7 rgb(48,214,167)
```
#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#305fd6
```
#305fd6 rgb(48,95,214)
```

Analogous Color

#d6a730
```
#d6a730 rgb(214,167,48)
```
#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#d6305f
```
#d6305f rgb(214,48,95)
```

Split Complementary Color

#b2d630
```
#b2d630 rgb(178,214,48)
```
#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#d630b2
```
#d630b2 rgb(214,48,178)
```

Triadic Color

#30d654
```
#30d654 rgb(48,214,84)
```
#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#d630b2
```
#d630b2 rgb(214,48,178)
```
#d65430
```
#d65430 rgb(214,84,48)
```

Tetradic Color

#1f809b
```
#1f809b rgb(31,128,155)
```
#2391b0
```
#2391b0 rgb(35,145,176)
```
#27a3c5
```
#27a3c5 rgb(39,163,197)
```
#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#45bada
```
#45bada rgb(69,186,218)
```
#5bc2de
```
#5bc2de rgb(91,194,222)
```
#70cae3
```
#70cae3 rgb(112,202,227)
```

Monochromatic Color

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

#30d6d1
```
#30d6d1 rgb(48,214,209)
```
#30ced6
```
#30ced6 rgb(48,206,214)
```
#30c0d6
```
#30c0d6 rgb(48,192,214)
```
#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#30a4d6
```
#30a4d6 rgb(48,164,214)
```
#3096d6
```
#3096d6 rgb(48,150,214)
```
#3089d6
```
#3089d6 rgb(48,137,214)
```

Similar Colors

Text with hexadecimal color #30b2d6

This text has a font color of #30b2d6.

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

#30b2d6 background color

This paragraph has a background color of #30b2d6.

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

#30b2d6 border color

This element has a border color of #30b2d6.

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

CSS codes

.text {color:#30b2d6;}

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

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

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, #010506 is the darkest color, while #f4fbfd is the lightest one.

#010506
```
#010506 rgb(1,5,6)
```
#041216
```
#041216 rgb(4,18,22)
```
#082027
```
#082027 rgb(8,32,39)
```
#0b2d37
```
#0b2d37 rgb(11,45,55)
```
#0e3b47
```
#0e3b47 rgb(14,59,71)
```
#114858
```
#114858 rgb(17,72,88)
```
#155668
```
#155668 rgb(21,86,104)
```
#186478
```
#186478 rgb(24,100,120)
```
#1b7189
```
#1b7189 rgb(27,113,137)
```
#1e7f99
```
#1e7f99 rgb(30,127,153)
```
#228caa
```
#228caa rgb(34,140,170)
```
#259aba
```
#259aba rgb(37,154,186)
```
#28a7ca
```
#28a7ca rgb(40,167,202)
```

Shade Color Variation

#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#40b8d9
```
#40b8d9 rgb(64,184,217)
```
#51bedc
```
#51bedc rgb(81,190,220)
```
#61c4e0
```
#61c4e0 rgb(97,196,224)
```
#71cae3
```
#71cae3 rgb(113,202,227)
```
#82d0e6
```
#82d0e6 rgb(130,208,230)
```
#92d7e9
```
#92d7e9 rgb(146,215,233)
```
#a3dded
```
#a3dded rgb(163,221,237)
```
#b3e3f0
```
#b3e3f0 rgb(179,227,240)
```
#c3e9f3
```
#c3e9f3 rgb(195,233,243)
```
#d4eff6
```
#d4eff6 rgb(212,239,246)
```
#e4f5fa
```
#e4f5fa rgb(228,245,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c878a is the less saturated color, while #0ac8fc is the most saturated one.

#7c878a
```
#7c878a rgb(124,135,138)
```
#738c93
```
#738c93 rgb(115,140,147)
```
#69929d
```
#69929d rgb(105,146,157)
```
#6097a6
```
#6097a6 rgb(96,151,166)
```
#569cb0
```
#569cb0 rgb(86,156,176)
```
#4da2b9
```
#4da2b9 rgb(77,162,185)
```
#43a7c3
```
#43a7c3 rgb(67,167,195)
```
#3aadcc
```
#3aadcc rgb(58,173,204)
```
#30b2d6
```
#30b2d6 rgb(48,178,214)
```
#26b7e0
```
#26b7e0 rgb(38,183,224)
```
#1dbde9
```
#1dbde9 rgb(29,189,233)
```
#13c2f3
```
#13c2f3 rgb(19,194,243)
```
#0ac8fc
```
#0ac8fc rgb(10,200,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c969d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa7ce Protanopia 1% of men
#99a6de Deuteranopia 1% of men
#22b9c6 Tritanopia 0.001% of the population

Trichromacy

#76abd1 Protanomaly 1% of men, 0.01% of women
#72aadb Deuteranomaly 6% of men, 0.4% of women
#27b6cc Tritanomaly 0.01% of the population

#30b2d6 hex color

#30b2d6 Color Information

#30b2d6 Color Conversion

Color Schemes with #30b2d6

Alternatives to #30b2d6

#30b2d6 Preview

Shades and Tints of #30b2d6

Tones of #30b2d6

Color Blindness Simulator