#30a4f9 Color Information
In a RGB color space, hex #30a4f9 is composed of 18.8% red, 64.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 34.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 205.4 degrees, a saturation of 94.4% and a lightness of 58.2%. #30a4f9 color hex could be obtained by blending #60ffff with #0049f3. Closest websafe color is: #3399ff.
-
- R 19
- G 64
- B 98
-
- C 81
- M 34
- Y 0
- K 2
● #30a4f9 color description : Bright blue.
#30a4f9 Color Conversion
The hexadecimal color #30a4f9 has RGB values of R:48, G:164, B:249 and CMYK values of C:0.81, M:0.34, Y:0, K:0.02. Its decimal value is 3187961.
Hex triplet | 30a4f9 | #30a4f9 |
---|---|---|
RGB Decimal | 48, 164, 249 | rgb(48,164,249) |
RGB Percent | 18.8, 64.3, 97.6 | rgb(18.8%,64.3%,97.6%) |
CMYK | 81, 34, 0, 2 | |
HSL | 205.4°, 94.4, 58.2 | hsl(205.4,94.4%,58.2%) |
HSV (or HSB) | 205.4°, 80.7, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.975, -2.691, -51.174 |
---|---|
XYZ | 31.589, 34.016, 94.518 |
xyY | 0.197, 0.212, 34.016 |
CIE-LCH | 64.975, 51.245, 266.99 |
CIE-LUV | 64.975, -37.801, -82.293 |
Hunter-Lab | 58.323, -5.386, -55.258 |
Binary | 00110000, 10100100, 11111001 |
Color Schemes with #30a4f9
Alternatives to #30a4f9
Below, you can see some colors close to #30a4f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a4f9 Preview
This text has a font color of #30a4f9.
<span style="color:#30a4f9;">Text here</span>
This paragraph has a background color of #30a4f9.
<p style="background-color:#30a4f9;">Content here</p>
This element has a border color of #30a4f9.
<div style="border:1px solid #30a4f9;">Content here</div>
.text {color:#30a4f9;}
.background {background-color:#30a4f9;}
.border {border:1px solid #30a4f9;}
Shades and Tints of #30a4f9
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, #000203 is the darkest color, while #eff8ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#010d16
#010d16
rgb(1,13,22)
-
#011829
#011829
rgb(1,24,41)
-
#02233c
#02233c
rgb(2,35,60)
-
#022f4f
#022f4f
rgb(2,47,79)
-
#033a62
#033a62
rgb(3,58,98)
-
#034575
#034575
rgb(3,69,117)
-
#045088
#045088
rgb(4,80,136)
-
#045b9b
#045b9b
rgb(4,91,155)
-
#0567ae
#0567ae
rgb(5,103,174)
-
#0672c1
#0672c1
rgb(6,114,193)
-
#067dd4
#067dd4
rgb(6,125,212)
-
#0788e7
#0788e7
rgb(7,136,231)
-
#0a93f8
#0a93f8
rgb(10,147,248)
-
#1d9cf8
#1d9cf8
rgb(29,156,248)
-
#30a4f9
#30a4f9
rgb(48,164,249)
-
#43acfa
#43acfa
rgb(67,172,250)
-
#56b5fa
#56b5fa
rgb(86,181,250)
-
#69bdfb
#69bdfb
rgb(105,189,251)
-
#7cc6fb
#7cc6fb
rgb(124,198,251)
-
#8fcefc
#8fcefc
rgb(143,206,252)
-
#a2d6fc
#a2d6fc
rgb(162,214,252)
-
#b5dffd
#b5dffd
rgb(181,223,253)
-
#c9e7fd
#c9e7fd
rgb(201,231,253)
-
#dceffe
#dceffe
rgb(220,239,254)
-
#eff8ff
#eff8ff
rgb(239,248,255)
Tones of #30a4f9
A tone is produced by adding gray to any pure hue. In this case, #929597 is the less saturated color, while #30a4f9 is the most saturated one.
-
#929597
#929597
rgb(146,149,151)
-
#8a969f
#8a969f
rgb(138,150,159)
-
#8297a7
#8297a7
rgb(130,151,167)
-
#7a99af
#7a99af
rgb(122,153,175)
-
#729ab7
#729ab7
rgb(114,154,183)
-
#699bc0
#699bc0
rgb(105,155,192)
-
#619cc8
#619cc8
rgb(97,156,200)
-
#599ed0
#599ed0
rgb(89,158,208)
-
#519fd8
#519fd8
rgb(81,159,216)
-
#49a0e0
#49a0e0
rgb(73,160,224)
-
#40a1e9
#40a1e9
rgb(64,161,233)
-
#38a3f1
#38a3f1
rgb(56,163,241)
-
#30a4f9
#30a4f9
rgb(48,164,249)
Color Blindness Simulator
Below, you can see how #30a4f9 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.