#0048f4 Color Information
In a RGB color space, hex #0048f4 is composed of 0% red, 28.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 70.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 222.3 degrees, a saturation of 100% and a lightness of 47.8%. #0048f4 color hex could be obtained by blending #0090ff with #0000e9. Closest websafe color is: #0033ff.
-
- R 0
- G 28
- B 96
-
- C 100
- M 70
- Y 0
- K 4
● #0048f4 color description : Pure (or mostly pure) blue.
#0048f4 Color Conversion
The hexadecimal color #0048f4 has RGB values of R:0, G:72, B:244 and CMYK values of C:1, M:0.7, Y:0, K:0.04. Its decimal value is 18676.
Hex triplet | 0048f4 | #0048f4 |
---|---|---|
RGB Decimal | 0, 72, 244 | rgb(0,72,244) |
RGB Percent | 0, 28.2, 95.7 | rgb(0%,28.2%,95.7%) |
CMYK | 100, 70, 0, 4 | |
HSL | 222.3°, 100, 47.8 | hsl(222.3,100%,47.8%) |
HSV (or HSB) | 222.3°, 100, 95.7 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 39.857, 49.75, -89.109 |
---|---|
XYZ | 18.643, 11.165, 86.755 |
xyY | 0.16, 0.096, 11.165 |
CIE-LCH | 39.857, 102.056, 299.175 |
CIE-LUV | 39.857, -15.948, -126.026 |
Hunter-Lab | 33.414, 41.119, -130.551 |
Binary | 00000000, 01001000, 11110100 |
Color Schemes with #0048f4
Alternatives to #0048f4
Below, you can see some colors close to #0048f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0048f4 Preview
This text has a font color of #0048f4.
<span style="color:#0048f4;">Text here</span>
This paragraph has a background color of #0048f4.
<p style="background-color:#0048f4;">Content here</p>
This element has a border color of #0048f4.
<div style="border:1px solid #0048f4;">Content here</div>
.text {color:#0048f4;}
.background {background-color:#0048f4;}
.border {border:1px solid #0048f4;}
Shades and Tints of #0048f4
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, #000309 is the darkest color, while #f4f7ff is the lightest one.
-
#000309
#000309
rgb(0,3,9)
-
#00081c
#00081c
rgb(0,8,28)
-
#000e30
#000e30
rgb(0,14,48)
-
#001443
#001443
rgb(0,20,67)
-
#001a57
#001a57
rgb(0,26,87)
-
#001f6b
#001f6b
rgb(0,31,107)
-
#00257e
#00257e
rgb(0,37,126)
-
#002b92
#002b92
rgb(0,43,146)
-
#0031a6
#0031a6
rgb(0,49,166)
-
#0037b9
#0037b9
rgb(0,55,185)
-
#003ccd
#003ccd
rgb(0,60,205)
-
#0042e0
#0042e0
rgb(0,66,224)
-
#0048f4
#0048f4
rgb(0,72,244)
-
#0951ff
#0951ff
rgb(9,81,255)
-
#1c5fff
#1c5fff
rgb(28,95,255)
-
#306dff
#306dff
rgb(48,109,255)
-
#437bff
#437bff
rgb(67,123,255)
-
#5789ff
#5789ff
rgb(87,137,255)
-
#6b96ff
#6b96ff
rgb(107,150,255)
-
#7ea4ff
#7ea4ff
rgb(126,164,255)
-
#92b2ff
#92b2ff
rgb(146,178,255)
-
#a6c0ff
#a6c0ff
rgb(166,192,255)
-
#b9ceff
#b9ceff
rgb(185,206,255)
-
#cddcff
#cddcff
rgb(205,220,255)
-
#e0e9ff
#e0e9ff
rgb(224,233,255)
-
#f4f7ff
#f4f7ff
rgb(244,247,255)
Tones of #0048f4
A tone is produced by adding gray to any pure hue. In this case, #717683 is the less saturated color, while #0048f4 is the most saturated one.
-
#717683
#717683
rgb(113,118,131)
-
#67728d
#67728d
rgb(103,114,141)
-
#5e6e96
#5e6e96
rgb(94,110,150)
-
#546ba0
#546ba0
rgb(84,107,160)
-
#4b67a9
#4b67a9
rgb(75,103,169)
-
#4263b2
#4263b2
rgb(66,99,178)
-
#385fbc
#385fbc
rgb(56,95,188)
-
#2f5bc5
#2f5bc5
rgb(47,91,197)
-
#2657ce
#2657ce
rgb(38,87,206)
-
#1c54d8
#1c54d8
rgb(28,84,216)
-
#1350e1
#1350e1
rgb(19,80,225)
-
#094ceb
#094ceb
rgb(9,76,235)
-
#0048f4
#0048f4
rgb(0,72,244)
Color Blindness Simulator
Below, you can see how #0048f4 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.