#5248e2 hex color

In a RGB color space, hex #5248e2 is composed of 32.2% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 243.9 degrees, a saturation of 72.6% and a lightness of 58.4%. #5248e2 color hex could be obtained by blending #a490ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 28
- B 89
RGB color chart
- C 64
- M 68
- Y 0
- K 11
CMYK color chart

● #5248e2 color description : Soft blue.

The hexadecimal color #5248e2 has RGB values of R:82, G:72, B:226 and CMYK values of C:0.64, M:0.68, Y:0, K:0.11. Its decimal value is 5392610.

Hex triplet	5248e2	`#5248e2`
RGB Decimal	82, 72, 226	`rgb(82,72,226)`
RGB Percent	32.2, 28.2, 88.6	`rgb(32.2%,28.2%,88.6%)`
CMYK	64, 68, 0, 11
HSL	243.9°, 72.6, 58.4	`hsl(243.9,72.6%,58.4%)`
HSV (or HSB)	243.9°, 68.1, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.087, 48.943, -76.795
XYZ	19.522, 11.919, 73.219
xyY	0.187, 0.114, 11.919
CIE-LCH	41.087, 91.066, 302.51
CIE-LUV	41.087, -5.881, -113.069
Hunter-Lab	34.523, 40.52, -101.579
Binary	01010010, 01001000, 11100010

#5248e2
```
#5248e2 rgb(82,72,226)
```
#d8e248
```
#d8e248 rgb(216,226,72)
```

Complementary Color

#488be2
```
#488be2 rgb(72,139,226)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#9f48e2
```
#9f48e2 rgb(159,72,226)
```

Analogous Color

#8be248
```
#8be248 rgb(139,226,72)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#e29f48
```
#e29f48 rgb(226,159,72)
```

Split Complementary Color

#48e252
```
#48e252 rgb(72,226,82)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#e25248
```
#e25248 rgb(226,82,72)
```

Triadic Color

#48d8e2
```
#48d8e2 rgb(72,216,226)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#e25248
```
#e25248 rgb(226,82,72)
```
#d8e248
```
#d8e248 rgb(216,226,72)
```

Tetradic Color

#291ebf
```
#291ebf rgb(41,30,191)
```
#2d22d5
```
#2d22d5 rgb(45,34,213)
```
#3d32df
```
#3d32df rgb(61,50,223)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#675ee5
```
#675ee5 rgb(103,94,229)
```
#7c74e9
```
#7c74e9 rgb(124,116,233)
```
#908aec
```
#908aec rgb(144,138,236)
```

Monochromatic Color

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

#4865e2
```
#4865e2 rgb(72,101,226)
```
#4858e2
```
#4858e2 rgb(72,88,226)
```
#484be2
```
#484be2 rgb(72,75,226)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#5f48e2
```
#5f48e2 rgb(95,72,226)
```
#6c48e2
```
#6c48e2 rgb(108,72,226)
```
#7948e2
```
#7948e2 rgb(121,72,226)
```

Similar Colors

Text with hexadecimal color #5248e2

This text has a font color of #5248e2.

<span style="color:#5248e2;">Text here</span>

#5248e2 background color

This paragraph has a background color of #5248e2.

<p style="background-color:#5248e2;">Content here</p>

#5248e2 border color

This element has a border color of #5248e2.

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

CSS codes

.text {color:#5248e2;}

.background {background-color:#5248e2;}

.border {border:1px solid #5248e2;}

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, #010103 is the darkest color, while #f2f1fd is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#040314
```
#040314 rgb(4,3,20)
```
#080625
```
#080625 rgb(8,6,37)
```
#0c0936
```
#0c0936 rgb(12,9,54)
```
#0f0b47
```
#0f0b47 rgb(15,11,71)
```
#130e58
```
#130e58 rgb(19,14,88)
```
#161169
```
#161169 rgb(22,17,105)
```
#1a137a
```
#1a137a rgb(26,19,122)
```
#1e168b
```
#1e168b rgb(30,22,139)
```
#21199c
```
#21199c rgb(33,25,156)
```
#251bad
```
#251bad rgb(37,27,173)
```
#281ebe
```
#281ebe rgb(40,30,190)
```
#2c21ce
```
#2c21ce rgb(44,33,206)
```

Shade Color Variation

#3226dd
```
#3226dd rgb(50,38,221)
```
#4237df
```
#4237df rgb(66,55,223)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#6259e5
```
#6259e5 rgb(98,89,229)
```
#726ae7
```
#726ae7 rgb(114,106,231)
```
#827bea
```
#827bea rgb(130,123,234)
```
#928ced
```
#928ced rgb(146,140,237)
```
#a29def
```
#a29def rgb(162,157,239)
```
#b2aef2
```
#b2aef2 rgb(178,174,242)
```
#c2bff5
```
#c2bff5 rgb(194,191,245)
```
#d2cff7
```
#d2cff7 rgb(210,207,247)
```
#e2e0fa
```
#e2e0fa rgb(226,224,250)
```
#f2f1fd
```
#f2f1fd rgb(242,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929199 is the less saturated color, while #3d30fa is the most saturated one.

#929199
```
#929199 rgb(146,145,153)
```
#8b89a1
```
#8b89a1 rgb(139,137,161)
```
#8481a9
```
#8481a9 rgb(132,129,169)
```
#7d79b1
```
#7d79b1 rgb(125,121,177)
```
#7571b9
```
#7571b9 rgb(117,113,185)
```
#6e69c1
```
#6e69c1 rgb(110,105,193)
```
#6760ca
```
#6760ca rgb(103,96,202)
```
#6058d2
```
#6058d2 rgb(96,88,210)
```
#5950da
```
#5950da rgb(89,80,218)
```
#5248e2
```
#5248e2 rgb(82,72,226)
```
#4b40ea
```
#4b40ea rgb(75,64,234)
```
#4438f2
```
#4438f2 rgb(68,56,242)
```
#3d30fa
```
#3d30fa rgb(61,48,250)
```

Tone Color Variation

Below, you can see how #5248e2 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

#5d5d5d Achromatopsia 0.005% of the population
#5b5978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#1d5bd0 Protanomaly 1% of men, 0.01% of women
#1d5ec0 Deuteranomaly 6% of men, 0.4% of women
#1d63a0 Tritanomaly 0.01% of the population

#5248e2 hex color

#5248e2 Color Information

#5248e2 Color Conversion

Color Schemes with #5248e2

Alternatives to #5248e2

#5248e2 Preview

Shades and Tints of #5248e2

Tones of #5248e2

Color Blindness Simulator