#0048e5 hex color

In a RGB color space, hex #0048e5 is composed of 0% red, 28.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 68.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 221.1 degrees, a saturation of 100% and a lightness of 44.9%. #0048e5 color hex could be obtained by blending #0090ff with #0000cb. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 28
- B 90
RGB color chart
- C 100
- M 69
- Y 0
- K 10
CMYK color chart

● #0048e5 color description : Pure (or mostly pure) blue.

The hexadecimal color #0048e5 has RGB values of R:0, G:72, B:229 and CMYK values of C:1, M:0.69, Y:0, K:0.1. Its decimal value is 18661.

Hex triplet	0048e5	`#0048e5`
RGB Decimal	0, 72, 229	`rgb(0,72,229)`
RGB Percent	0, 28.2, 89.8	`rgb(0%,28.2%,89.8%)`
CMYK	100, 69, 0, 10
HSL	221.1°, 100, 44.9	`hsl(221.1,100%,44.9%)`
HSV (or HSB)	221.1°, 100, 89.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.359, 44.377, -83.098
XYZ	16.457, 10.29, 75.243
xyY	0.161, 0.101, 10.29
CIE-LCH	38.359, 94.206, 298.104
CIE-LUV	38.359, -15.874, -117.078
Hunter-Lab	32.079, 35.437, -116.614
Binary	00000000, 01001000, 11100101

#0048e5
```
#0048e5 rgb(0,72,229)
```
#e59d00
```
#e59d00 rgb(229,157,0)
```

Complementary Color

#00bbe5
```
#00bbe5 rgb(0,187,229)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```
#2b00e5
```
#2b00e5 rgb(43,0,229)
```

Analogous Color

#bbe500
```
#bbe500 rgb(187,229,0)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```
#e52b00
```
#e52b00 rgb(229,43,0)
```

Split Complementary Color

#48e500
```
#48e500 rgb(72,229,0)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```
#e50048
```
#e50048 rgb(229,0,72)
```

Triadic Color

#00e59d
```
#00e59d rgb(0,229,157)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```
#e50048
```
#e50048 rgb(229,0,72)
```
#e59d00
```
#e59d00 rgb(229,157,0)
```

Tetradic Color

#003099
```
#003099 rgb(0,48,153)
```
#0038b2
```
#0038b2 rgb(0,56,178)
```
#0040cc
```
#0040cc rgb(0,64,204)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```
#0050ff
```
#0050ff rgb(0,80,255)
```
#1961ff
```
#1961ff rgb(25,97,255)
```
#3373ff
```
#3373ff rgb(51,115,255)
```

Monochromatic Color

Below, you can see some colors close to #0048e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0081e5
```
#0081e5 rgb(0,129,229)
```
#006ee5
```
#006ee5 rgb(0,110,229)
```
#005be5
```
#005be5 rgb(0,91,229)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```
#0035e5
```
#0035e5 rgb(0,53,229)
```
#0022e5
```
#0022e5 rgb(0,34,229)
```
#000fe5
```
#000fe5 rgb(0,15,229)
```

Similar Colors

Text with hexadecimal color #0048e5

This text has a font color of #0048e5.

<span style="color:#0048e5;">Text here</span>

#0048e5 background color

This paragraph has a background color of #0048e5.

<p style="background-color:#0048e5;">Content here</p>

#0048e5 border color

This element has a border color of #0048e5.

<div style="border:1px solid #0048e5;">Content here</div>

CSS codes

.text {color:#0048e5;}

.background {background-color:#0048e5;}

.border {border:1px solid #0048e5;}

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, #00040d is the darkest color, while #f9fbff is the lightest one.

#00040d
```
#00040d rgb(0,4,13)
```
#000a21
```
#000a21 rgb(0,10,33)
```
#001034
```
#001034 rgb(0,16,52)
```
#001748
```
#001748 rgb(0,23,72)
```
#001d5c
```
#001d5c rgb(0,29,92)
```
#00236f
```
#00236f rgb(0,35,111)
```
#002983
```
#002983 rgb(0,41,131)
```
#002f97
```
#002f97 rgb(0,47,151)
```
#0035aa
```
#0035aa rgb(0,53,170)
```
#003cbe
```
#003cbe rgb(0,60,190)
```
#0042d1
```
#0042d1 rgb(0,66,209)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```
#004ef9
```
#004ef9 rgb(0,78,249)
```

Shade Color Variation

#0d59ff
```
#0d59ff rgb(13,89,255)
```
#2167ff
```
#2167ff rgb(33,103,255)
```
#3474ff
```
#3474ff rgb(52,116,255)
```
#4882ff
```
#4882ff rgb(72,130,255)
```
#5c8fff
```
#5c8fff rgb(92,143,255)
```
#6f9cff
```
#6f9cff rgb(111,156,255)
```
#83aaff
```
#83aaff rgb(131,170,255)
```
#97b7ff
```
#97b7ff rgb(151,183,255)
```
#aac5ff
```
#aac5ff rgb(170,197,255)
```
#bed2ff
```
#bed2ff rgb(190,210,255)
```
#d1e0ff
```
#d1e0ff rgb(209,224,255)
```
#e5edff
```
#e5edff rgb(229,237,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6f7b is the less saturated color, while #0048e5 is the most saturated one.

#6a6f7b
```
#6a6f7b rgb(106,111,123)
```
#616c84
```
#616c84 rgb(97,108,132)
```
#58698d
```
#58698d rgb(88,105,141)
```
#4f6596
```
#4f6596 rgb(79,101,150)
```
#46629f
```
#46629f rgb(70,98,159)
```
#3e5fa7
```
#3e5fa7 rgb(62,95,167)
```
#355cb0
```
#355cb0 rgb(53,92,176)
```
#2c58b9
```
#2c58b9 rgb(44,88,185)
```
#2355c2
```
#2355c2 rgb(35,85,194)
```
#1a52cb
```
#1a52cb rgb(26,82,203)
```
#124fd3
```
#124fd3 rgb(18,79,211)
```
#094bdc
```
#094bdc rgb(9,75,220)
```
#0048e5
```
#0048e5 rgb(0,72,229)
```

Tone Color Variation

Below, you can see how #0048e5 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.

Monochromacy

#444444 Achromatopsia 0.005% of the population
#364564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0057ca Protanomaly 1% of men, 0.01% of women
#005aba Deuteranomaly 6% of men, 0.4% of women
#005f9b Tritanomaly 0.01% of the population

#0048e5 hex color

#0048e5 Color Information

#0048e5 Color Conversion

Color Schemes with #0048e5

Alternatives to #0048e5

#0048e5 Preview

Shades and Tints of #0048e5

Tones of #0048e5

Color Blindness Simulator