#30a5d3 Color Information
In a RGB color space, hex #30a5d3 is composed of 18.8% red, 64.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 21.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 196.9 degrees, a saturation of 64.9% and a lightness of 50.8%. #30a5d3 color hex could be obtained by blending #60ffff with #004ba7. Closest websafe color is: #3399cc.
-
- R 19
- G 65
- B 83
-
- C 77
- M 22
- Y 0
- K 17
● #30a5d3 color description : Strong blue.
#30a5d3 Color Conversion
The hexadecimal color #30a5d3 has RGB values of R:48, G:165, B:211 and CMYK values of C:0.77, M:0.22, Y:0, K:0.17. Its decimal value is 3188179.
Hex triplet | 30a5d3 | #30a5d3 |
---|---|---|
RGB Decimal | 48, 165, 211 | rgb(48,165,211) |
RGB Percent | 18.8, 64.7, 82.7 | rgb(18.8%,64.7%,82.7%) |
CMYK | 77, 22, 0, 17 | |
HSL | 196.9°, 64.9, 50.8 | hsl(196.9,64.9%,50.8%) |
HSV (or HSB) | 196.9°, 77.3, 82.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.54, -16.496, -32.511 |
---|---|
XYZ | 26.429, 32.239, 66.454 |
xyY | 0.211, 0.258, 32.239 |
CIE-LCH | 63.54, 36.456, 243.096 |
CIE-LUV | 63.54, -40.323, -48.993 |
Hunter-Lab | 56.78, -16.28, -29.646 |
Binary | 00110000, 10100101, 11010011 |
Color Schemes with #30a5d3
Alternatives to #30a5d3
Below, you can see some colors close to #30a5d3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a5d3 Preview
This text has a font color of #30a5d3.
<span style="color:#30a5d3;">Text here</span>
This paragraph has a background color of #30a5d3.
<p style="background-color:#30a5d3;">Content here</p>
This element has a border color of #30a5d3.
<div style="border:1px solid #30a5d3;">Content here</div>
.text {color:#30a5d3;}
.background {background-color:#30a5d3;}
.border {border:1px solid #30a5d3;}
Shades and Tints of #30a5d3
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, #010303 is the darkest color, while #f2f9fc is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#040f13
#040f13
rgb(4,15,19)
-
#081c24
#081c24
rgb(8,28,36)
-
#0b2834
#0b2834
rgb(11,40,52)
-
#0e3544
#0e3544
rgb(14,53,68)
-
#124154
#124154
rgb(18,65,84)
-
#154e64
#154e64
rgb(21,78,100)
-
#195b75
#195b75
rgb(25,91,117)
-
#1c6785
#1c6785
rgb(28,103,133)
-
#207495
#207495
rgb(32,116,149)
-
#2380a5
#2380a5
rgb(35,128,165)
-
#278db5
#278db5
rgb(39,141,181)
-
#2a9ac5
#2a9ac5
rgb(42,154,197)
-
#30a5d3
#30a5d3
rgb(48,165,211)
-
#40acd6
#40acd6
rgb(64,172,214)
-
#50b3da
#50b3da
rgb(80,179,218)
-
#61badd
#61badd
rgb(97,186,221)
-
#71c1e1
#71c1e1
rgb(113,193,225)
-
#81c8e4
#81c8e4
rgb(129,200,228)
-
#91cfe8
#91cfe8
rgb(145,207,232)
-
#a1d6eb
#a1d6eb
rgb(161,214,235)
-
#b1ddef
#b1ddef
rgb(177,221,239)
-
#c2e4f2
#c2e4f2
rgb(194,228,242)
-
#d2ebf5
#d2ebf5
rgb(210,235,245)
-
#e2f2f9
#e2f2f9
rgb(226,242,249)
-
#f2f9fc
#f2f9fc
rgb(242,249,252)
Tones of #30a5d3
A tone is produced by adding gray to any pure hue. In this case, #7d8386 is the less saturated color, while #09b6fa is the most saturated one.
-
#7d8386
#7d8386
rgb(125,131,134)
-
#74888f
#74888f
rgb(116,136,143)
-
#6a8c99
#6a8c99
rgb(106,140,153)
-
#6090a3
#6090a3
rgb(96,144,163)
-
#5794ac
#5794ac
rgb(87,148,172)
-
#4d98b6
#4d98b6
rgb(77,152,182)
-
#439dc0
#439dc0
rgb(67,157,192)
-
#3aa1c9
#3aa1c9
rgb(58,161,201)
-
#30a5d3
#30a5d3
rgb(48,165,211)
-
#26a9dd
#26a9dd
rgb(38,169,221)
-
#1dade6
#1dade6
rgb(29,173,230)
-
#13b2f0
#13b2f0
rgb(19,178,240)
-
#09b6fa
#09b6fa
rgb(9,182,250)
Color Blindness Simulator
Below, you can see how #30a5d3 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.