#30b3d5 hex color

In a RGB color space, hex #30b3d5 is composed of 18.8% red, 70.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 16% magenta, 0% yellow and 16.5% black. It has a hue angle of 192.4 degrees, a saturation of 66.3% and a lightness of 51.2%. #30b3d5 color hex could be obtained by blending #60ffff with #0067ab. Closest websafe color is: #33cccc.

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

● #30b3d5 color description : Strong cyan.

The hexadecimal color #30b3d5 has RGB values of R:48, G:179, B:213 and CMYK values of C:0.77, M:0.16, Y:0, K:0.16. Its decimal value is 3191765.

Hex triplet	30b3d5	`#30b3d5`
RGB Decimal	48, 179, 213	`rgb(48,179,213)`
RGB Percent	18.8, 70.2, 83.5	`rgb(18.8%,70.2%,83.5%)`
CMYK	77, 16, 0, 16
HSL	192.4°, 66.3, 51.2	`hsl(192.4,66.3%,51.2%)`
HSV (or HSB)	192.4°, 77.5, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.777, -23.166, -27.072
XYZ	29.346, 37.67, 68.672
xyY	0.216, 0.278, 37.67
CIE-LCH	67.777, 35.631, 229.446
CIE-LUV	67.777, -45.099, -39.443
Hunter-Lab	61.376, -22.061, -23.375
Binary	00110000, 10110011, 11010101

#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#d55230
```
#d55230 rgb(213,82,48)
```

Complementary Color

#30d5a5
```
#30d5a5 rgb(48,213,165)
```
#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#3061d5
```
#3061d5 rgb(48,97,213)
```

Analogous Color

#d5a530
```
#d5a530 rgb(213,165,48)
```
#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#d53060
```
#d53060 rgb(213,48,96)
```

Split Complementary Color

#b3d530
```
#b3d530 rgb(179,213,48)
```
#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#d530b3
```
#d530b3 rgb(213,48,179)
```

Triadic Color

#30d552
```
#30d552 rgb(48,213,82)
```
#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#d530b3
```
#d530b3 rgb(213,48,179)
```
#d55230
```
#d55230 rgb(213,82,48)
```

Tetradic Color

#1f8099
```
#1f8099 rgb(31,128,153)
```
#2392af
```
#2392af rgb(35,146,175)
```
#28a4c4
```
#28a4c4 rgb(40,164,196)
```
#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#45bbd9
```
#45bbd9 rgb(69,187,217)
```
#5ac3de
```
#5ac3de rgb(90,195,222)
```
#70cae2
```
#70cae2 rgb(112,202,226)
```

Monochromatic Color

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

#30d5ce
```
#30d5ce rgb(48,213,206)
```
#30cfd5
```
#30cfd5 rgb(48,207,213)
```
#30c1d5
```
#30c1d5 rgb(48,193,213)
```
#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#30a5d5
```
#30a5d5 rgb(48,165,213)
```
#3098d5
```
#3098d5 rgb(48,152,213)
```
#308ad5
```
#308ad5 rgb(48,138,213)
```

Similar Colors

Text with hexadecimal color #30b3d5

This text has a font color of #30b3d5.

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

#30b3d5 background color

This paragraph has a background color of #30b3d5.

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

#30b3d5 border color

This element has a border color of #30b3d5.

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

CSS codes

.text {color:#30b3d5;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041215
```
#041215 rgb(4,18,21)
```
#081f26
```
#081f26 rgb(8,31,38)
```
#0b2d36
```
#0b2d36 rgb(11,45,54)
```
#0e3b46
```
#0e3b46 rgb(14,59,70)
```
#124857
```
#124857 rgb(18,72,87)
```
#155667
```
#155667 rgb(21,86,103)
```
#186477
```
#186477 rgb(24,100,119)
```
#1b7187
```
#1b7187 rgb(27,113,135)
```
#1f7f98
```
#1f7f98 rgb(31,127,152)
```
#228ca8
```
#228ca8 rgb(34,140,168)
```
#259ab8
```
#259ab8 rgb(37,154,184)
```
#29a8c9
```
#29a8c9 rgb(41,168,201)
```

Shade Color Variation

#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#40b9d8
```
#40b9d8 rgb(64,185,216)
```
#51bfdc
```
#51bfdc rgb(81,191,220)
```
#61c5df
```
#61c5df rgb(97,197,223)
```
#71cbe2
```
#71cbe2 rgb(113,203,226)
```
#82d1e6
```
#82d1e6 rgb(130,209,230)
```
#92d7e9
```
#92d7e9 rgb(146,215,233)
```
#a2ddec
```
#a2ddec rgb(162,221,236)
```
#b2e3ef
```
#b2e3ef rgb(178,227,239)
```
#c3e9f3
```
#c3e9f3 rgb(195,233,243)
```
#d3eff6
```
#d3eff6 rgb(211,239,246)
```
#e3f5f9
```
#e3f5f9 rgb(227,245,249)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#7d8688
```
#7d8688 rgb(125,134,136)
```
#738c92
```
#738c92 rgb(115,140,146)
```
#69919c
```
#69919c rgb(105,145,156)
```
#6097a5
```
#6097a5 rgb(96,151,165)
```
#569caf
```
#569caf rgb(86,156,175)
```
#4da2b8
```
#4da2b8 rgb(77,162,184)
```
#43a8c2
```
#43a8c2 rgb(67,168,194)
```
#3aadcb
```
#3aadcb rgb(58,173,203)
```
#30b3d5
```
#30b3d5 rgb(48,179,213)
```
#26b9df
```
#26b9df rgb(38,185,223)
```
#1dbee8
```
#1dbee8 rgb(29,190,232)
```
#13c4f2
```
#13c4f2 rgb(19,196,242)
```
#0acafb
```
#0acafb rgb(10,202,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d979e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a8cd Protanopia 1% of men
#9ba7dd Deuteranopia 1% of men
#25b9c7 Tritanopia 0.001% of the population

Trichromacy

#77acd0 Protanomaly 1% of men, 0.01% of women
#74abda Deuteranomaly 6% of men, 0.4% of women
#29b7cc Tritanomaly 0.01% of the population

#30b3d5 hex color

#30b3d5 Color Information

#30b3d5 Color Conversion

Color Schemes with #30b3d5

Alternatives to #30b3d5

#30b3d5 Preview

Shades and Tints of #30b3d5

Tones of #30b3d5

Color Blindness Simulator