#0048f5 Color Information
In a RGB color space, hex #0048f5 is composed of 0% red, 28.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 70.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.4 degrees, a saturation of 100% and a lightness of 48%. #0048f5 color hex could be obtained by blending #0090ff with #0000eb. Closest websafe color is: #0033ff.
-
- R 0
- G 28
- B 96
-
- C 100
- M 71
- Y 0
- K 4
● #0048f5 color description : Pure (or mostly pure) blue.
#0048f5 Color Conversion
The hexadecimal color #0048f5 has RGB values of R:0, G:72, B:245 and CMYK values of C:1, M:0.71, Y:0, K:0.04. Its decimal value is 18677.
Hex triplet | 0048f5 | #0048f5 |
---|---|---|
RGB Decimal | 0, 72, 245 | rgb(0,72,245) |
RGB Percent | 0, 28.2, 96.1 | rgb(0%,28.2%,96.1%) |
CMYK | 100, 71, 0, 4 | |
HSL | 222.4°, 100, 48 | hsl(222.4,100%,48%) |
HSV (or HSB) | 222.4°, 100, 96.1 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 39.958, 50.102, -89.504 |
---|---|
XYZ | 18.795, 11.226, 87.557 |
xyY | 0.16, 0.095, 11.226 |
CIE-LCH | 39.958, 102.573, 299.239 |
CIE-LUV | 39.958, -15.955, -126.616 |
Hunter-Lab | 33.505, 41.501, -131.488 |
Binary | 00000000, 01001000, 11110101 |
Color Schemes with #0048f5
Alternatives to #0048f5
Below, you can see some colors close to #0048f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0048f5 Preview
This text has a font color of #0048f5.
<span style="color:#0048f5;">Text here</span>
This paragraph has a background color of #0048f5.
<p style="background-color:#0048f5;">Content here</p>
This element has a border color of #0048f5.
<div style="border:1px solid #0048f5;">Content here</div>
.text {color:#0048f5;}
.background {background-color:#0048f5;}
.border {border:1px solid #0048f5;}
Shades and Tints of #0048f5
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, #00030a is the darkest color, while #f5f8ff is the lightest one.
-
#00030a
#00030a
rgb(0,3,10)
-
#00091d
#00091d
rgb(0,9,29)
-
#000e31
#000e31
rgb(0,14,49)
-
#001444
#001444
rgb(0,20,68)
-
#001a58
#001a58
rgb(0,26,88)
-
#00206c
#00206c
rgb(0,32,108)
-
#00257f
#00257f
rgb(0,37,127)
-
#002b93
#002b93
rgb(0,43,147)
-
#0031a7
#0031a7
rgb(0,49,167)
-
#0037ba
#0037ba
rgb(0,55,186)
-
#003cce
#003cce
rgb(0,60,206)
-
#0042e1
#0042e1
rgb(0,66,225)
-
#0048f5
#0048f5
rgb(0,72,245)
-
#0a52ff
#0a52ff
rgb(10,82,255)
-
#1d60ff
#1d60ff
rgb(29,96,255)
-
#316dff
#316dff
rgb(49,109,255)
-
#447bff
#447bff
rgb(68,123,255)
-
#5889ff
#5889ff
rgb(88,137,255)
-
#6c97ff
#6c97ff
rgb(108,151,255)
-
#7fa5ff
#7fa5ff
rgb(127,165,255)
-
#93b3ff
#93b3ff
rgb(147,179,255)
-
#a7c1ff
#a7c1ff
rgb(167,193,255)
-
#baceff
#baceff
rgb(186,206,255)
-
#cedcff
#cedcff
rgb(206,220,255)
-
#e1eaff
#e1eaff
rgb(225,234,255)
-
#f5f8ff
#f5f8ff
rgb(245,248,255)
Tones of #0048f5
A tone is produced by adding gray to any pure hue. In this case, #717784 is the less saturated color, while #0048f5 is the most saturated one.
-
#717784
#717784
rgb(113,119,132)
-
#68738d
#68738d
rgb(104,115,141)
-
#5e6f97
#5e6f97
rgb(94,111,151)
-
#556ba0
#556ba0
rgb(85,107,160)
-
#4b67aa
#4b67aa
rgb(75,103,170)
-
#4263b3
#4263b3
rgb(66,99,179)
-
#395fbc
#395fbc
rgb(57,95,188)
-
#2f5bc6
#2f5bc6
rgb(47,91,198)
-
#2658cf
#2658cf
rgb(38,88,207)
-
#1c54d9
#1c54d9
rgb(28,84,217)
-
#1350e2
#1350e2
rgb(19,80,226)
-
#094cec
#094cec
rgb(9,76,236)
-
#0048f5
#0048f5
rgb(0,72,245)
Color Blindness Simulator
Below, you can see how #0048f5 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.