#30a5fe Color Information
In a RGB color space, hex #30a5fe is composed of 18.8% red, 64.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 35% magenta, 0% yellow and 0.4% black. It has a hue angle of 205.9 degrees, a saturation of 99% and a lightness of 59.2%. #30a5fe color hex could be obtained by blending #60ffff with #004bfd. Closest websafe color is: #3399ff.
-
- R 19
- G 65
- B 100
-
- C 81
- M 35
- Y 0
- K 0
● #30a5fe color description : Bright blue.
#30a5fe Color Conversion
The hexadecimal color #30a5fe has RGB values of R:48, G:165, B:254 and CMYK values of C:0.81, M:0.35, Y:0, K:0. Its decimal value is 3188222.
Hex triplet | 30a5fe | #30a5fe |
---|---|---|
RGB Decimal | 48, 165, 254 | rgb(48,165,254) |
RGB Percent | 18.8, 64.7, 99.6 | rgb(18.8%,64.7%,99.6%) |
CMYK | 81, 35, 0, 0 | |
HSL | 205.9°, 99, 59.2 | hsl(205.9,99%,59.2%) |
HSV (or HSB) | 205.9°, 81.1, 99.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.508, -1.477, -53.056 |
---|---|
XYZ | 32.559, 34.692, 98.741 |
xyY | 0.196, 0.209, 34.692 |
CIE-LCH | 65.508, 53.076, 268.405 |
CIE-LUV | 65.508, -37.869, -85.712 |
Hunter-Lab | 58.9, -4.401, -58.166 |
Binary | 00110000, 10100101, 11111110 |
Color Schemes with #30a5fe
Alternatives to #30a5fe
Below, you can see some colors close to #30a5fe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a5fe Preview
This text has a font color of #30a5fe.
<span style="color:#30a5fe;">Text here</span>
This paragraph has a background color of #30a5fe.
<p style="background-color:#30a5fe;">Content here</p>
This element has a border color of #30a5fe.
<div style="border:1px solid #30a5fe;">Content here</div>
.text {color:#30a5fe;}
.background {background-color:#30a5fe;}
.border {border:1px solid #30a5fe;}
Shades and Tints of #30a5fe
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, #000408 is the darkest color, while #f3faff is the lightest one.
-
#000408
#000408
rgb(0,4,8)
-
#00101b
#00101b
rgb(0,16,27)
-
#001b2f
#001b2f
rgb(0,27,47)
-
#002642
#002642
rgb(0,38,66)
-
#003156
#003156
rgb(0,49,86)
-
#013c69
#013c69
rgb(1,60,105)
-
#01477d
#01477d
rgb(1,71,125)
-
#015290
#015290
rgb(1,82,144)
-
#015da4
#015da4
rgb(1,93,164)
-
#0169b7
#0169b7
rgb(1,105,183)
-
#0174cb
#0174cb
rgb(1,116,203)
-
#017fde
#017fde
rgb(1,127,222)
-
#018af2
#018af2
rgb(1,138,242)
-
#0994fe
#0994fe
rgb(9,148,254)
-
#1c9dfe
#1c9dfe
rgb(28,157,254)
-
#30a5fe
#30a5fe
rgb(48,165,254)
-
#44adfe
#44adfe
rgb(68,173,254)
-
#57b6fe
#57b6fe
rgb(87,182,254)
-
#6bbefe
#6bbefe
rgb(107,190,254)
-
#7ec7fe
#7ec7fe
rgb(126,199,254)
-
#92cffe
#92cffe
rgb(146,207,254)
-
#a5d8ff
#a5d8ff
rgb(165,216,255)
-
#b9e0ff
#b9e0ff
rgb(185,224,255)
-
#cce9ff
#cce9ff
rgb(204,233,255)
-
#e0f1ff
#e0f1ff
rgb(224,241,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #30a5fe
A tone is produced by adding gray to any pure hue. In this case, #90989e is the less saturated color, while #30a5fe is the most saturated one.
-
#90989e
#90989e
rgb(144,152,158)
-
#8899a6
#8899a6
rgb(136,153,166)
-
#809aae
#809aae
rgb(128,154,174)
-
#789bb6
#789bb6
rgb(120,155,182)
-
#709cbe
#709cbe
rgb(112,156,190)
-
#689dc6
#689dc6
rgb(104,157,198)
-
#609ece
#609ece
rgb(96,158,206)
-
#58a0d6
#58a0d6
rgb(88,160,214)
-
#50a1de
#50a1de
rgb(80,161,222)
-
#48a2e6
#48a2e6
rgb(72,162,230)
-
#40a3ee
#40a3ee
rgb(64,163,238)
-
#38a4f6
#38a4f6
rgb(56,164,246)
-
#30a5fe
#30a5fe
rgb(48,165,254)
Color Blindness Simulator
Below, you can see how #30a5fe 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.