#30a5fc Color Information
In a RGB color space, hex #30a5fc is composed of 18.8% red, 64.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 34.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 205.6 degrees, a saturation of 97.1% and a lightness of 58.8%. #30a5fc color hex could be obtained by blending #60ffff with #004bf9. Closest websafe color is: #3399ff.
-
- R 19
- G 65
- B 99
-
- C 81
- M 35
- Y 0
- K 1
● #30a5fc color description : Bright blue.
#30a5fc Color Conversion
The hexadecimal color #30a5fc has RGB values of R:48, G:165, B:252 and CMYK values of C:0.81, M:0.35, Y:0, K:0.01. Its decimal value is 3188220.
Hex triplet | 30a5fc | #30a5fc |
---|---|---|
RGB Decimal | 48, 165, 252 | rgb(48,165,252) |
RGB Percent | 18.8, 64.7, 98.8 | rgb(18.8%,64.7%,98.8%) |
CMYK | 81, 35, 0, 1 | |
HSL | 205.6°, 97.1, 58.8 | hsl(205.6,97.1%,58.8%) |
HSV (or HSB) | 205.6°, 81, 98.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.408, -2.191, -52.125 |
---|---|
XYZ | 32.241, 34.564, 97.062 |
xyY | 0.197, 0.211, 34.564 |
CIE-LCH | 65.408, 52.171, 267.593 |
CIE-LUV | 65.408, -37.973, -84.042 |
Hunter-Lab | 58.791, -4.997, -56.732 |
Binary | 00110000, 10100101, 11111100 |
Color Schemes with #30a5fc
Alternatives to #30a5fc
Below, you can see some colors close to #30a5fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a5fc Preview
This text has a font color of #30a5fc.
<span style="color:#30a5fc;">Text here</span>
This paragraph has a background color of #30a5fc.
<p style="background-color:#30a5fc;">Content here</p>
This element has a border color of #30a5fc.
<div style="border:1px solid #30a5fc;">Content here</div>
.text {color:#30a5fc;}
.background {background-color:#30a5fc;}
.border {border:1px solid #30a5fc;}
Shades and Tints of #30a5fc
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, #000306 is the darkest color, while #f1f9ff is the lightest one.
-
#000306
#000306
rgb(0,3,6)
-
#000f19
#000f19
rgb(0,15,25)
-
#011a2c
#011a2c
rgb(1,26,44)
-
#012540
#012540
rgb(1,37,64)
-
#013053
#013053
rgb(1,48,83)
-
#013b66
#013b66
rgb(1,59,102)
-
#02477a
#02477a
rgb(2,71,122)
-
#02528d
#02528d
rgb(2,82,141)
-
#025da0
#025da0
rgb(2,93,160)
-
#0368b4
#0368b4
rgb(3,104,180)
-
#0373c7
#0373c7
rgb(3,115,199)
-
#037fda
#037fda
rgb(3,127,218)
-
#038aee
#038aee
rgb(3,138,238)
-
#0994fb
#0994fb
rgb(9,148,251)
-
#1d9dfc
#1d9dfc
rgb(29,157,252)
-
#30a5fc
#30a5fc
rgb(48,165,252)
-
#43adfc
#43adfc
rgb(67,173,252)
-
#57b6fd
#57b6fd
rgb(87,182,253)
-
#6abefd
#6abefd
rgb(106,190,253)
-
#7dc7fd
#7dc7fd
rgb(125,199,253)
-
#91cffd
#91cffd
rgb(145,207,253)
-
#a4d7fe
#a4d7fe
rgb(164,215,254)
-
#b7e0fe
#b7e0fe
rgb(183,224,254)
-
#cbe8fe
#cbe8fe
rgb(203,232,254)
-
#def1ff
#def1ff
rgb(222,241,255)
-
#f1f9ff
#f1f9ff
rgb(241,249,255)
Tones of #30a5fc
A tone is produced by adding gray to any pure hue. In this case, #91979b is the less saturated color, while #30a5fc is the most saturated one.
-
#91979b
#91979b
rgb(145,151,155)
-
#8998a3
#8998a3
rgb(137,152,163)
-
#8199ab
#8199ab
rgb(129,153,171)
-
#799ab3
#799ab3
rgb(121,154,179)
-
#719bbb
#719bbb
rgb(113,155,187)
-
#699dc3
#699dc3
rgb(105,157,195)
-
#609ecc
#609ecc
rgb(96,158,204)
-
#589fd4
#589fd4
rgb(88,159,212)
-
#50a0dc
#50a0dc
rgb(80,160,220)
-
#48a1e4
#48a1e4
rgb(72,161,228)
-
#40a3ec
#40a3ec
rgb(64,163,236)
-
#38a4f4
#38a4f4
rgb(56,164,244)
-
#30a5fc
#30a5fc
rgb(48,165,252)
Color Blindness Simulator
Below, you can see how #30a5fc 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.