#0030f4 Color Information
In a RGB color space, hex #0030f4 is composed of 0% red, 18.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 80.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 228.2 degrees, a saturation of 100% and a lightness of 47.8%. #0030f4 color hex could be obtained by blending #0060ff with #0000e9. Closest websafe color is: #0033ff.
-
- R 0
- G 19
- B 96
-
- C 100
- M 80
- Y 0
- K 4
● #0030f4 color description : Pure (or mostly pure) blue.
#0030f4 Color Conversion
The hexadecimal color #0030f4 has RGB values of R:0, G:48, B:244 and CMYK values of C:1, M:0.8, Y:0, K:0.04. Its decimal value is 12532.
Hex triplet | 0030f4 | #0030f4 |
---|---|---|
RGB Decimal | 0, 48, 244 | rgb(0,48,244) |
RGB Percent | 0, 18.8, 95.7 | rgb(0%,18.8%,95.7%) |
CMYK | 100, 80, 0, 4 | |
HSL | 228.2°, 100, 47.8 | hsl(228.2,100%,47.8%) |
HSV (or HSB) | 228.2°, 100, 95.7 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.29, 62.735, -96.683 |
---|---|
XYZ | 17.383, 8.644, 86.335 |
xyY | 0.155, 0.077, 8.644 |
CIE-LCH | 35.29, 115.253, 302.978 |
CIE-LUV | 35.29, -12.204, -126.96 |
Hunter-Lab | 29.401, 54.083, -153.523 |
Binary | 00000000, 00110000, 11110100 |
Color Schemes with #0030f4
Alternatives to #0030f4
Below, you can see some colors close to #0030f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0030f4 Preview
This text has a font color of #0030f4.
<span style="color:#0030f4;">Text here</span>
This paragraph has a background color of #0030f4.
<p style="background-color:#0030f4;">Content here</p>
This element has a border color of #0030f4.
<div style="border:1px solid #0030f4;">Content here</div>
.text {color:#0030f4;}
.background {background-color:#0030f4;}
.border {border:1px solid #0030f4;}
Shades and Tints of #0030f4
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, #000209 is the darkest color, while #f4f6ff is the lightest one.
-
#000209
#000209
rgb(0,2,9)
-
#00061c
#00061c
rgb(0,6,28)
-
#000930
#000930
rgb(0,9,48)
-
#000d43
#000d43
rgb(0,13,67)
-
#001157
#001157
rgb(0,17,87)
-
#00156b
#00156b
rgb(0,21,107)
-
#00197e
#00197e
rgb(0,25,126)
-
#001d92
#001d92
rgb(0,29,146)
-
#0021a6
#0021a6
rgb(0,33,166)
-
#0024b9
#0024b9
rgb(0,36,185)
-
#0028cd
#0028cd
rgb(0,40,205)
-
#002ce0
#002ce0
rgb(0,44,224)
-
#0030f4
#0030f4
rgb(0,48,244)
-
#0939ff
#0939ff
rgb(9,57,255)
-
#1c49ff
#1c49ff
rgb(28,73,255)
-
#3059ff
#3059ff
rgb(48,89,255)
-
#4368ff
#4368ff
rgb(67,104,255)
-
#5778ff
#5778ff
rgb(87,120,255)
-
#6b88ff
#6b88ff
rgb(107,136,255)
-
#7e98ff
#7e98ff
rgb(126,152,255)
-
#92a7ff
#92a7ff
rgb(146,167,255)
-
#a6b7ff
#a6b7ff
rgb(166,183,255)
-
#b9c7ff
#b9c7ff
rgb(185,199,255)
-
#cdd7ff
#cdd7ff
rgb(205,215,255)
-
#e0e6ff
#e0e6ff
rgb(224,230,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #0030f4
A tone is produced by adding gray to any pure hue. In this case, #717483 is the less saturated color, while #0030f4 is the most saturated one.
-
#717483
#717483
rgb(113,116,131)
-
#676f8d
#676f8d
rgb(103,111,141)
-
#5e6996
#5e6996
rgb(94,105,150)
-
#5463a0
#5463a0
rgb(84,99,160)
-
#4b5ea9
#4b5ea9
rgb(75,94,169)
-
#4258b2
#4258b2
rgb(66,88,178)
-
#3852bc
#3852bc
rgb(56,82,188)
-
#2f4cc5
#2f4cc5
rgb(47,76,197)
-
#2647ce
#2647ce
rgb(38,71,206)
-
#1c41d8
#1c41d8
rgb(28,65,216)
-
#133be1
#133be1
rgb(19,59,225)
-
#0936eb
#0936eb
rgb(9,54,235)
-
#0030f4
#0030f4
rgb(0,48,244)
Color Blindness Simulator
Below, you can see how #0030f4 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.