#30a5dc Color Information
In a RGB color space, hex #30a5dc is composed of 18.8% red, 64.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 25% magenta, 0% yellow and 13.7% black. It has a hue angle of 199.2 degrees, a saturation of 71.1% and a lightness of 52.5%. #30a5dc color hex could be obtained by blending #60ffff with #004bb9. Closest websafe color is: #3399cc.
-
- R 19
- G 65
- B 86
-
- C 78
- M 25
- Y 0
- K 14
● #30a5dc color description : Bright blue.
#30a5dc Color Conversion
The hexadecimal color #30a5dc has RGB values of R:48, G:165, B:220 and CMYK values of C:0.78, M:0.25, Y:0, K:0.14. Its decimal value is 3188188.
Hex triplet | 30a5dc | #30a5dc |
---|---|---|
RGB Decimal | 48, 165, 220 | rgb(48,165,220) |
RGB Percent | 18.8, 64.7, 86.3 | rgb(18.8%,64.7%,86.3%) |
CMYK | 78, 25, 0, 14 | |
HSL | 199.2°, 71.1, 52.5 | hsl(199.2,71.1%,52.5%) |
HSV (or HSB) | 199.2°, 78.2, 86.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.92, -13.426, -36.903 |
---|---|
XYZ | 27.589, 32.704, 72.565 |
xyY | 0.208, 0.246, 32.704 |
CIE-LCH | 63.92, 39.27, 250.007 |
CIE-LUV | 63.92, -39.775, -56.788 |
Hunter-Lab | 57.187, -13.962, -35.202 |
Binary | 00110000, 10100101, 11011100 |
Color Schemes with #30a5dc
Alternatives to #30a5dc
Below, you can see some colors close to #30a5dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a5dc Preview
This text has a font color of #30a5dc.
<span style="color:#30a5dc;">Text here</span>
This paragraph has a background color of #30a5dc.
<p style="background-color:#30a5dc;">Content here</p>
This element has a border color of #30a5dc.
<div style="border:1px solid #30a5dc;">Content here</div>
.text {color:#30a5dc;}
.background {background-color:#30a5dc;}
.border {border:1px solid #30a5dc;}
Shades and Tints of #30a5dc
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, #02080b is the darkest color, while #f9fdfe is the lightest one.
-
#02080b
#02080b
rgb(2,8,11)
-
#05141c
#05141c
rgb(5,20,28)
-
#08212d
#08212d
rgb(8,33,45)
-
#0a2d3d
#0a2d3d
rgb(10,45,61)
-
#0d394e
#0d394e
rgb(13,57,78)
-
#10465f
#10465f
rgb(16,70,95)
-
#135270
#135270
rgb(19,82,112)
-
#165e81
#165e81
rgb(22,94,129)
-
#196b91
#196b91
rgb(25,107,145)
-
#1b77a2
#1b77a2
rgb(27,119,162)
-
#1e83b3
#1e83b3
rgb(30,131,179)
-
#2190c4
#2190c4
rgb(33,144,196)
-
#249cd4
#249cd4
rgb(36,156,212)
-
#30a5dc
#30a5dc
rgb(48,165,220)
-
#41acdf
#41acdf
rgb(65,172,223)
-
#52b4e2
#52b4e2
rgb(82,180,226)
-
#62bbe5
#62bbe5
rgb(98,187,229)
-
#73c2e7
#73c2e7
rgb(115,194,231)
-
#84c9ea
#84c9ea
rgb(132,201,234)
-
#95d1ed
#95d1ed
rgb(149,209,237)
-
#a5d8f0
#a5d8f0
rgb(165,216,240)
-
#b6dff3
#b6dff3
rgb(182,223,243)
-
#c7e7f6
#c7e7f6
rgb(199,231,246)
-
#d8eef8
#d8eef8
rgb(216,238,248)
-
#e9f5fb
#e9f5fb
rgb(233,245,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #30a5dc
A tone is produced by adding gray to any pure hue. In this case, #848788 is the less saturated color, while #14aff8 is the most saturated one.
-
#848788
#848788
rgb(132,135,136)
-
#7a8a92
#7a8a92
rgb(122,138,146)
-
#718e9b
#718e9b
rgb(113,142,155)
-
#6891a4
#6891a4
rgb(104,145,164)
-
#5f94ad
#5f94ad
rgb(95,148,173)
-
#5598b7
#5598b7
rgb(85,152,183)
-
#4c9bc0
#4c9bc0
rgb(76,155,192)
-
#439ec9
#439ec9
rgb(67,158,201)
-
#39a2d3
#39a2d3
rgb(57,162,211)
-
#30a5dc
#30a5dc
rgb(48,165,220)
-
#27a8e5
#27a8e5
rgb(39,168,229)
-
#1dacef
#1dacef
rgb(29,172,239)
-
#14aff8
#14aff8
rgb(20,175,248)
Color Blindness Simulator
Below, you can see how #30a5dc 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.