#30b5dc Color Information
In a RGB color space, hex #30b5dc is composed of 18.8% red, 71% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 17.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 193.6 degrees, a saturation of 71.1% and a lightness of 52.5%. #30b5dc color hex could be obtained by blending #60ffff with #006bb9. Closest websafe color is: #33cccc.
-
- R 19
- G 71
- B 86
-
- C 78
- M 18
- Y 0
- K 14
● #30b5dc color description : Bright cyan.
#30b5dc Color Conversion
The hexadecimal color #30b5dc has RGB values of R:48, G:181, B:220 and CMYK values of C:0.78, M:0.18, Y:0, K:0.14. Its decimal value is 3192284.
Hex triplet | 30b5dc | #30b5dc |
---|---|---|
RGB Decimal | 48, 181, 220 | rgb(48,181,220) |
RGB Percent | 18.8, 71, 86.3 | rgb(18.8%,71%,86.3%) |
CMYK | 78, 18, 0, 14 | |
HSL | 193.6°, 71.1, 52.5 | hsl(193.6,71.1%,52.5%) |
HSV (or HSB) | 193.6°, 78.2, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 68.636, -21.907, -29.59 |
---|---|
XYZ | 30.658, 38.841, 73.587 |
xyY | 0.214, 0.271, 38.841 |
CIE-LCH | 68.636, 36.817, 233.486 |
CIE-LUV | 68.636, -45.333, -43.906 |
Hunter-Lab | 62.322, -21.256, -26.382 |
Binary | 00110000, 10110101, 11011100 |
Color Schemes with #30b5dc
Alternatives to #30b5dc
Below, you can see some colors close to #30b5dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30b5dc Preview
This text has a font color of #30b5dc.
<span style="color:#30b5dc;">Text here</span>
This paragraph has a background color of #30b5dc.
<p style="background-color:#30b5dc;">Content here</p>
This element has a border color of #30b5dc.
<div style="border:1px solid #30b5dc;">Content here</div>
.text {color:#30b5dc;}
.background {background-color:#30b5dc;}
.border {border:1px solid #30b5dc;}
Shades and Tints of #30b5dc
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)
-
#08242d
#08242d
rgb(8,36,45)
-
#0a323d
#0a323d
rgb(10,50,61)
-
#0d3f4e
#0d3f4e
rgb(13,63,78)
-
#104d5f
#104d5f
rgb(16,77,95)
-
#135b70
#135b70
rgb(19,91,112)
-
#166881
#166881
rgb(22,104,129)
-
#197691
#197691
rgb(25,118,145)
-
#1b84a2
#1b84a2
rgb(27,132,162)
-
#1e91b3
#1e91b3
rgb(30,145,179)
-
#219fc4
#219fc4
rgb(33,159,196)
-
#24acd4
#24acd4
rgb(36,172,212)
-
#30b5dc
#30b5dc
rgb(48,181,220)
-
#41bbdf
#41bbdf
rgb(65,187,223)
-
#52c1e2
#52c1e2
rgb(82,193,226)
-
#62c7e5
#62c7e5
rgb(98,199,229)
-
#73cde7
#73cde7
rgb(115,205,231)
-
#84d3ea
#84d3ea
rgb(132,211,234)
-
#95d9ed
#95d9ed
rgb(149,217,237)
-
#a5dff0
#a5dff0
rgb(165,223,240)
-
#b6e5f3
#b6e5f3
rgb(182,229,243)
-
#c7ebf6
#c7ebf6
rgb(199,235,246)
-
#d8f1f8
#d8f1f8
rgb(216,241,248)
-
#e9f7fb
#e9f7fb
rgb(233,247,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #30b5dc
A tone is produced by adding gray to any pure hue. In this case, #848788 is the less saturated color, while #14c4f8 is the most saturated one.
-
#848788
#848788
rgb(132,135,136)
-
#7a8c92
#7a8c92
rgb(122,140,146)
-
#71919b
#71919b
rgb(113,145,155)
-
#6896a4
#6896a4
rgb(104,150,164)
-
#5f9cad
#5f9cad
rgb(95,156,173)
-
#55a1b7
#55a1b7
rgb(85,161,183)
-
#4ca6c0
#4ca6c0
rgb(76,166,192)
-
#43abc9
#43abc9
rgb(67,171,201)
-
#39b0d3
#39b0d3
rgb(57,176,211)
-
#30b5dc
#30b5dc
rgb(48,181,220)
-
#27bae5
#27bae5
rgb(39,186,229)
-
#1dbfef
#1dbfef
rgb(29,191,239)
-
#14c4f8
#14c4f8
rgb(20,196,248)
Color Blindness Simulator
Below, you can see how #30b5dc 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.