#0048a2 Color Information
In a RGB color space, hex #0048a2 is composed of 0% red, 28.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 55.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 213.3 degrees, a saturation of 100% and a lightness of 31.8%. #0048a2 color hex could be obtained by blending #0090ff with #000045. Closest websafe color is: #003399.
-
- R 0
- G 28
- B 64
-
- C 100
- M 56
- Y 0
- K 36
● #0048a2 color description : Dark blue.
#0048a2 Color Conversion
The hexadecimal color #0048a2 has RGB values of R:0, G:72, B:162 and CMYK values of C:1, M:0.56, Y:0, K:0.36. Its decimal value is 18594.
Hex triplet | 0048a2 | #0048a2 |
---|---|---|
RGB Decimal | 0, 72, 162 | rgb(0,72,162) |
RGB Percent | 0, 28.2, 63.5 | rgb(0%,28.2%,63.5%) |
CMYK | 100, 56, 0, 36 | |
HSL | 213.3°, 100, 31.8 | hsl(213.3,100%,31.8%) |
HSV (or HSB) | 213.3°, 100, 63.5 | |
Web Safe | 003399 | #003399 |
CIE-LAB | 32.353, 18.099, -53.784 |
---|---|
XYZ | 8.838, 7.243, 35.113 |
xyY | 0.173, 0.141, 7.243 |
CIE-LCH | 32.353, 56.747, 288.599 |
CIE-LUV | 32.353, -16.482, -73.935 |
Hunter-Lab | 26.912, 11.521, -58.518 |
Binary | 00000000, 01001000, 10100010 |
Color Schemes with #0048a2
Alternatives to #0048a2
Below, you can see some colors close to #0048a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0048a2 Preview
This text has a font color of #0048a2.
<span style="color:#0048a2;">Text here</span>
This paragraph has a background color of #0048a2.
<p style="background-color:#0048a2;">Content here</p>
This element has a border color of #0048a2.
<div style="border:1px solid #0048a2;">Content here</div>
.text {color:#0048a2;}
.background {background-color:#0048a2;}
.border {border:1px solid #0048a2;}
Shades and Tints of #0048a2
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, #000205 is the darkest color, while #f0f7ff is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#000b19
#000b19
rgb(0,11,25)
-
#00142c
#00142c
rgb(0,20,44)
-
#001c40
#001c40
rgb(0,28,64)
-
#002554
#002554
rgb(0,37,84)
-
#002e67
#002e67
rgb(0,46,103)
-
#00377b
#00377b
rgb(0,55,123)
-
#003f8e
#003f8e
rgb(0,63,142)
-
#0048a2
#0048a2
rgb(0,72,162)
-
#0051b6
#0051b6
rgb(0,81,182)
-
#0059c9
#0059c9
rgb(0,89,201)
-
#0062dd
#0062dd
rgb(0,98,221)
-
#006bf0
#006bf0
rgb(0,107,240)
-
#0574ff
#0574ff
rgb(5,116,255)
-
#197fff
#197fff
rgb(25,127,255)
-
#2c8aff
#2c8aff
rgb(44,138,255)
-
#4095ff
#4095ff
rgb(64,149,255)
-
#54a0ff
#54a0ff
rgb(84,160,255)
-
#67abff
#67abff
rgb(103,171,255)
-
#7bb6ff
#7bb6ff
rgb(123,182,255)
-
#8ec0ff
#8ec0ff
rgb(142,192,255)
-
#a2cbff
#a2cbff
rgb(162,203,255)
-
#b6d6ff
#b6d6ff
rgb(182,214,255)
-
#c9e1ff
#c9e1ff
rgb(201,225,255)
-
#ddecff
#ddecff
rgb(221,236,255)
-
#f0f7ff
#f0f7ff
rgb(240,247,255)
Tones of #0048a2
A tone is produced by adding gray to any pure hue. In this case, #4b5057 is the less saturated color, while #0048a2 is the most saturated one.
-
#4b5057
#4b5057
rgb(75,80,87)
-
#45505d
#45505d
rgb(69,80,93)
-
#3e4f64
#3e4f64
rgb(62,79,100)
-
#384e6a
#384e6a
rgb(56,78,106)
-
#324e70
#324e70
rgb(50,78,112)
-
#2c4d76
#2c4d76
rgb(44,77,118)
-
#254c7d
#254c7d
rgb(37,76,125)
-
#1f4b83
#1f4b83
rgb(31,75,131)
-
#194b89
#194b89
rgb(25,75,137)
-
#134a8f
#134a8f
rgb(19,74,143)
-
#0c4996
#0c4996
rgb(12,73,150)
-
#06499c
#06499c
rgb(6,73,156)
-
#0048a2
#0048a2
rgb(0,72,162)
Color Blindness Simulator
Below, you can see how #0048a2 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.