#048ae1 hex color

In a RGB color space, hex #048ae1 is composed of 1.6% red, 54.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 38.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 203.6 degrees, a saturation of 96.5% and a lightness of 44.9%. #048ae1 color hex could be obtained by blending #08ffff with #0015c3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 54
- B 88
RGB color chart
- C 98
- M 39
- Y 0
- K 12
CMYK color chart

● #048ae1 color description : Vivid blue.

The hexadecimal color #048ae1 has RGB values of R:4, G:138, B:225 and CMYK values of C:0.98, M:0.39, Y:0, K:0.12. Its decimal value is 297697.

Hex triplet	048ae1	`#048ae1`
RGB Decimal	4, 138, 225	`rgb(4,138,225)`
RGB Percent	1.6, 54.1, 88.2	`rgb(1.6%,54.1%,88.2%)`
CMYK	98, 39, 0, 12
HSL	203.6°, 96.5, 44.9	`hsl(203.6,96.5%,44.9%)`
HSV (or HSB)	203.6°, 98.2, 88.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.722, 1.187, -52.652
XYZ	22.726, 23.637, 74.595
xyY	0.188, 0.195, 23.637
CIE-LCH	55.722, 52.665, 271.292
CIE-LUV	55.722, -33.758, -82.878
Hunter-Lab	48.618, -1.643, -56.937
Binary	00000100, 10001010, 11100001

#048ae1
```
#048ae1 rgb(4,138,225)
```
#e15b04
```
#e15b04 rgb(225,91,4)
```

Complementary Color

#04e1ca
```
#04e1ca rgb(4,225,202)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```
#041ce1
```
#041ce1 rgb(4,28,225)
```

Analogous Color

#e1ca04
```
#e1ca04 rgb(225,202,4)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```
#e1041c
```
#e1041c rgb(225,4,28)
```

Split Complementary Color

#8ae104
```
#8ae104 rgb(138,225,4)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```
#e1048a
```
#e1048a rgb(225,4,138)
```

Triadic Color

#04e15b
```
#04e15b rgb(4,225,91)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```
#e1048a
```
#e1048a rgb(225,4,138)
```
#e15b04
```
#e15b04 rgb(225,91,4)
```

Tetradic Color

#035c96
```
#035c96 rgb(3,92,150)
```
#036baf
```
#036baf rgb(3,107,175)
```
#047bc8
```
#047bc8 rgb(4,123,200)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```
#0499fa
```
#0499fa rgb(4,153,250)
```
#1da4fb
```
#1da4fb rgb(29,164,251)
```
#36aefb
```
#36aefb rgb(54,174,251)
```

Monochromatic Color

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

#04c1e1
```
#04c1e1 rgb(4,193,225)
```
#04afe1
```
#04afe1 rgb(4,175,225)
```
#049ce1
```
#049ce1 rgb(4,156,225)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```
#0478e1
```
#0478e1 rgb(4,120,225)
```
#0465e1
```
#0465e1 rgb(4,101,225)
```
#0453e1
```
#0453e1 rgb(4,83,225)
```

Similar Colors

Text with hexadecimal color #048ae1

This text has a font color of #048ae1.

<span style="color:#048ae1;">Text here</span>

#048ae1 background color

This paragraph has a background color of #048ae1.

<p style="background-color:#048ae1;">Content here</p>

#048ae1 border color

This element has a border color of #048ae1.

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

CSS codes

.text {color:#048ae1;}

.background {background-color:#048ae1;}

.border {border:1px solid #048ae1;}

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

#00080d
```
#00080d rgb(0,8,13)
```
#011420
```
#011420 rgb(1,20,32)
```
#012034
```
#012034 rgb(1,32,52)
```
#012b47
```
#012b47 rgb(1,43,71)
```
#02375a
```
#02375a rgb(2,55,90)
```
#02436d
```
#02436d rgb(2,67,109)
```
#024f81
```
#024f81 rgb(2,79,129)
```
#035b94
```
#035b94 rgb(3,91,148)
```
#0367a7
```
#0367a7 rgb(3,103,167)
```
#0372ba
```
#0372ba rgb(3,114,186)
```
#047ece
```
#047ece rgb(4,126,206)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```
#0496f4
```
#0496f4 rgb(4,150,244)
```

Shade Color Variation

#119ffb
```
#119ffb rgb(17,159,251)
```
#25a7fb
```
#25a7fb rgb(37,167,251)
```
#38affb
```
#38affb rgb(56,175,251)
```
#4bb6fc
```
#4bb6fc rgb(75,182,252)
```
#5fbefc
```
#5fbefc rgb(95,190,252)
```
#72c6fc
```
#72c6fc rgb(114,198,252)
```
#85cefd
```
#85cefd rgb(133,206,253)
```
#98d5fd
```
#98d5fd rgb(152,213,253)
```
#acddfe
```
#acddfe rgb(172,221,254)
```
#bfe5fe
```
#bfe5fe rgb(191,229,254)
```
#d2edfe
```
#d2edfe rgb(210,237,254)
```
#e5f5ff
```
#e5f5ff rgb(229,245,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#6e7477
```
#6e7477 rgb(110,116,119)
```
#657580
```
#657580 rgb(101,117,128)
```
#5c7789
```
#5c7789 rgb(92,119,137)
```
#537992
```
#537992 rgb(83,121,146)
```
#4a7b9b
```
#4a7b9b rgb(74,123,155)
```
#427da3
```
#427da3 rgb(66,125,163)
```
#397fac
```
#397fac rgb(57,127,172)
```
#3081b5
```
#3081b5 rgb(48,129,181)
```
#2783be
```
#2783be rgb(39,131,190)
```
#1e84c7
```
#1e84c7 rgb(30,132,199)
```
#1686cf
```
#1686cf rgb(22,134,207)
```
#0d88d8
```
#0d88d8 rgb(13,136,216)
```
#048ae1
```
#048ae1 rgb(4,138,225)
```

Tone Color Variation

Below, you can see how #048ae1 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

#6c6c6c Achromatopsia 0.005% of the population
#577283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6689dc Protanopia 1% of men
#408de3 Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#4289de Protanomaly 1% of men, 0.01% of women
#2a8ce2 Deuteranomaly 6% of men, 0.4% of women
#0193b9 Tritanomaly 0.01% of the population

#048ae1 hex color

#048ae1 Color Information

#048ae1 Color Conversion

Color Schemes with #048ae1

Alternatives to #048ae1

#048ae1 Preview

Shades and Tints of #048ae1

Tones of #048ae1

Color Blindness Simulator