#30b7dc Color Information
In a RGB color space, hex #30b7dc is composed of 18.8% red, 71.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 16.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 192.9 degrees, a saturation of 71.1% and a lightness of 52.5%. #30b7dc color hex could be obtained by blending #60ffff with #006fb9. Closest websafe color is: #33cccc.
-
- R 19
- G 72
- B 86
-
- C 78
- M 17
- Y 0
- K 14
● #30b7dc color description : Bright cyan.
#30b7dc Color Conversion
The hexadecimal color #30b7dc has RGB values of R:48, G:183, B:220 and CMYK values of C:0.78, M:0.17, Y:0, K:0.14. Its decimal value is 3192796.
Hex triplet | 30b7dc | #30b7dc |
---|---|---|
RGB Decimal | 48, 183, 220 | rgb(48,183,220) |
RGB Percent | 18.8, 71.8, 86.3 | rgb(18.8%,71.8%,86.3%) |
CMYK | 78, 17, 0, 14 | |
HSL | 192.9°, 71.1, 52.5 | hsl(192.9,71.1%,52.5%) |
HSV (or HSB) | 192.9°, 78.2, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.227, -22.934, -28.68 |
---|---|
XYZ | 31.067, 39.66, 73.724 |
xyY | 0.215, 0.275, 39.66 |
CIE-LCH | 69.227, 36.722, 231.353 |
CIE-LUV | 69.227, -46.03, -42.288 |
Hunter-Lab | 62.976, -22.151, -25.326 |
Binary | 00110000, 10110111, 11011100 |
Color Schemes with #30b7dc
Alternatives to #30b7dc
Below, you can see some colors close to #30b7dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30b7dc Preview
This text has a font color of #30b7dc.
<span style="color:#30b7dc;">Text here</span>
This paragraph has a background color of #30b7dc.
<p style="background-color:#30b7dc;">Content here</p>
This element has a border color of #30b7dc.
<div style="border:1px solid #30b7dc;">Content here</div>
.text {color:#30b7dc;}
.background {background-color:#30b7dc;}
.border {border:1px solid #30b7dc;}
Shades and Tints of #30b7dc
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, #02090b is the darkest color, while #f9fdfe is the lightest one.
-
#02090b
#02090b
rgb(2,9,11)
-
#05171c
#05171c
rgb(5,23,28)
-
#08252d
#08252d
rgb(8,37,45)
-
#0a323d
#0a323d
rgb(10,50,61)
-
#0d404e
#0d404e
rgb(13,64,78)
-
#104e5f
#104e5f
rgb(16,78,95)
-
#135c70
#135c70
rgb(19,92,112)
-
#166a81
#166a81
rgb(22,106,129)
-
#197791
#197791
rgb(25,119,145)
-
#1b85a2
#1b85a2
rgb(27,133,162)
-
#1e93b3
#1e93b3
rgb(30,147,179)
-
#21a1c4
#21a1c4
rgb(33,161,196)
-
#24aed4
#24aed4
rgb(36,174,212)
-
#30b7dc
#30b7dc
rgb(48,183,220)
-
#41bddf
#41bddf
rgb(65,189,223)
-
#52c3e2
#52c3e2
rgb(82,195,226)
-
#62c9e5
#62c9e5
rgb(98,201,229)
-
#73cee7
#73cee7
rgb(115,206,231)
-
#84d4ea
#84d4ea
rgb(132,212,234)
-
#95daed
#95daed
rgb(149,218,237)
-
#a5e0f0
#a5e0f0
rgb(165,224,240)
-
#b6e6f3
#b6e6f3
rgb(182,230,243)
-
#c7ecf6
#c7ecf6
rgb(199,236,246)
-
#d8f1f8
#d8f1f8
rgb(216,241,248)
-
#e9f7fb
#e9f7fb
rgb(233,247,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #30b7dc
A tone is produced by adding gray to any pure hue. In this case, #848788 is the less saturated color, while #14c7f8 is the most saturated one.
-
#848788
#848788
rgb(132,135,136)
-
#7a8d92
#7a8d92
rgb(122,141,146)
-
#71929b
#71929b
rgb(113,146,155)
-
#6897a4
#6897a4
rgb(104,151,164)
-
#5f9cad
#5f9cad
rgb(95,156,173)
-
#55a2b7
#55a2b7
rgb(85,162,183)
-
#4ca7c0
#4ca7c0
rgb(76,167,192)
-
#43acc9
#43acc9
rgb(67,172,201)
-
#39b2d3
#39b2d3
rgb(57,178,211)
-
#30b7dc
#30b7dc
rgb(48,183,220)
-
#27bce5
#27bce5
rgb(39,188,229)
-
#1dc2ef
#1dc2ef
rgb(29,194,239)
-
#14c7f8
#14c7f8
rgb(20,199,248)
Color Blindness Simulator
Below, you can see how #30b7dc 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.