#30a5cc Color Information
In a RGB color space, hex #30a5cc is composed of 18.8% red, 64.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 19.1% magenta, 0% yellow and 20% black. It has a hue angle of 195 degrees, a saturation of 61.9% and a lightness of 49.4%. #30a5cc color hex could be obtained by blending #60ffff with #004b99. Closest websafe color is: #3399cc.
-
- R 19
- G 65
- B 80
-
- C 76
- M 19
- Y 0
- K 20
● #30a5cc color description : Strong blue.
#30a5cc Color Conversion
The hexadecimal color #30a5cc has RGB values of R:48, G:165, B:204 and CMYK values of C:0.76, M:0.19, Y:0, K:0.2. Its decimal value is 3188172.
Hex triplet | 30a5cc | #30a5cc |
---|---|---|
RGB Decimal | 48, 165, 204 | rgb(48,165,204) |
RGB Percent | 18.8, 64.7, 80 | rgb(18.8%,64.7%,80%) |
CMYK | 76, 19, 0, 20 | |
HSL | 195°, 61.9, 49.4 | hsl(195,61.9%,49.4%) |
HSV (or HSB) | 195°, 76.5, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.257, -18.848, -29.06 |
---|---|
XYZ | 25.57, 31.896, 61.932 |
xyY | 0.214, 0.267, 31.896 |
CIE-LCH | 63.257, 34.637, 237.034 |
CIE-LUV | 63.257, -40.759, -42.914 |
Hunter-Lab | 56.477, -18.017, -25.484 |
Binary | 00110000, 10100101, 11001100 |
Color Schemes with #30a5cc
Alternatives to #30a5cc
Below, you can see some colors close to #30a5cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a5cc Preview
This text has a font color of #30a5cc.
<span style="color:#30a5cc;">Text here</span>
This paragraph has a background color of #30a5cc.
<p style="background-color:#30a5cc;">Content here</p>
This element has a border color of #30a5cc.
<div style="border:1px solid #30a5cc;">Content here</div>
.text {color:#30a5cc;}
.background {background-color:#30a5cc;}
.border {border:1px solid #30a5cc;}
Shades and Tints of #30a5cc
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, #030b0d is the darkest color, while #fdfefe is the lightest one.
-
#030b0d
#030b0d
rgb(3,11,13)
-
#07181d
#07181d
rgb(7,24,29)
-
#0b252d
#0b252d
rgb(11,37,45)
-
#0e313d
#0e313d
rgb(14,49,61)
-
#123e4d
#123e4d
rgb(18,62,77)
-
#164b5d
#164b5d
rgb(22,75,93)
-
#1a586d
#1a586d
rgb(26,88,109)
-
#1d657d
#1d657d
rgb(29,101,125)
-
#21728c
#21728c
rgb(33,114,140)
-
#257e9c
#257e9c
rgb(37,126,156)
-
#298bac
#298bac
rgb(41,139,172)
-
#2c98bc
#2c98bc
rgb(44,152,188)
-
#30a5cc
#30a5cc
rgb(48,165,204)
-
#3eadd2
#3eadd2
rgb(62,173,210)
-
#4eb3d5
#4eb3d5
rgb(78,179,213)
-
#5ebad9
#5ebad9
rgb(94,186,217)
-
#6ec1dd
#6ec1dd
rgb(110,193,221)
-
#7ec8e1
#7ec8e1
rgb(126,200,225)
-
#8dcfe4
#8dcfe4
rgb(141,207,228)
-
#9dd5e8
#9dd5e8
rgb(157,213,232)
-
#addcec
#addcec
rgb(173,220,236)
-
#bde3ef
#bde3ef
rgb(189,227,239)
-
#cdeaf3
#cdeaf3
rgb(205,234,243)
-
#ddf0f7
#ddf0f7
rgb(221,240,247)
-
#edf7fb
#edf7fb
rgb(237,247,251)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #30a5cc
A tone is produced by adding gray to any pure hue. In this case, #7e7e7e is the less saturated color, while #09b8f3 is the most saturated one.
-
#7e7e7e
#7e7e7e
rgb(126,126,126)
-
#748388
#748388
rgb(116,131,136)
-
#6a8892
#6a8892
rgb(106,136,146)
-
#608d9c
#608d9c
rgb(96,141,156)
-
#5792a5
#5792a5
rgb(87,146,165)
-
#4d96af
#4d96af
rgb(77,150,175)
-
#439bb9
#439bb9
rgb(67,155,185)
-
#3aa0c2
#3aa0c2
rgb(58,160,194)
-
#30a5cc
#30a5cc
rgb(48,165,204)
-
#26aad6
#26aad6
rgb(38,170,214)
-
#1dafdf
#1dafdf
rgb(29,175,223)
-
#13b4e9
#13b4e9
rgb(19,180,233)
-
#09b8f3
#09b8f3
rgb(9,184,243)
Color Blindness Simulator
Below, you can see how #30a5cc 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.