#5748ec hex color

In a RGB color space, hex #5748ec is composed of 34.1% red, 28.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 69.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 245.5 degrees, a saturation of 81.2% and a lightness of 60.4%. #5748ec color hex could be obtained by blending #ae90ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 28
- B 93
RGB color chart
- C 63
- M 69
- Y 0
- K 7
CMYK color chart

● #5748ec color description : Soft blue.

The hexadecimal color #5748ec has RGB values of R:87, G:72, B:236 and CMYK values of C:0.63, M:0.69, Y:0, K:0.07. Its decimal value is 5720300.

Hex triplet	5748ec	`#5748ec`
RGB Decimal	87, 72, 236	`rgb(87,72,236)`
RGB Percent	34.1, 28.2, 92.5	`rgb(34.1%,28.2%,92.5%)`
CMYK	63, 69, 0, 7
HSL	245.5°, 81.2, 60.4	`hsl(245.5,81.2%,60.4%)`
HSV (or HSB)	245.5°, 69.5, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.332, 52.676, -80.407
XYZ	21.385, 12.716, 80.68
xyY	0.186, 0.111, 12.716
CIE-LCH	42.332, 96.125, 303.229
CIE-LUV	42.332, -5.224, -119.06
Hunter-Lab	35.66, 44.643, -109.181
Binary	01010111, 01001000, 11101100

#5748ec
```
#5748ec rgb(87,72,236)
```
#ddec48
```
#ddec48 rgb(221,236,72)
```

Complementary Color

#488bec
```
#488bec rgb(72,139,236)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#a948ec
```
#a948ec rgb(169,72,236)
```

Analogous Color

#8bec48
```
#8bec48 rgb(139,236,72)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#eca948
```
#eca948 rgb(236,169,72)
```

Split Complementary Color

#48ec57
```
#48ec57 rgb(72,236,87)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#ec5748
```
#ec5748 rgb(236,87,72)
```

Triadic Color

#48ddec
```
#48ddec rgb(72,221,236)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#ec5748
```
#ec5748 rgb(236,87,72)
```
#ddec48
```
#ddec48 rgb(221,236,72)
```

Tetradic Color

#2716d2
```
#2716d2 rgb(39,22,210)
```
#2d1ae7
```
#2d1ae7 rgb(45,26,231)
```
#4231ea
```
#4231ea rgb(66,49,234)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#6c5fee
```
#6c5fee rgb(108,95,238)
```
#8176f1
```
#8176f1 rgb(129,118,241)
```
#978df3
```
#978df3 rgb(151,141,243)
```

Monochromatic Color

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

#4862ec
```
#4862ec rgb(72,98,236)
```
#4854ec
```
#4854ec rgb(72,84,236)
```
#4948ec
```
#4948ec rgb(73,72,236)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#6548ec
```
#6548ec rgb(101,72,236)
```
#7248ec
```
#7248ec rgb(114,72,236)
```
#8048ec
```
#8048ec rgb(128,72,236)
```

Similar Colors

Text with hexadecimal color #5748ec

This text has a font color of #5748ec.

<span style="color:#5748ec;">Text here</span>

#5748ec background color

This paragraph has a background color of #5748ec.

<p style="background-color:#5748ec;">Content here</p>

#5748ec border color

This element has a border color of #5748ec.

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

CSS codes

.text {color:#5748ec;}

.background {background-color:#5748ec;}

.border {border:1px solid #5748ec;}

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, #02010c is the darkest color, while #fafafe is the lightest one.

#02010c
```
#02010c rgb(2,1,12)
```
#06031e
```
#06031e rgb(6,3,30)
```
#090530
```
#090530 rgb(9,5,48)
```
#0c0742
```
#0c0742 rgb(12,7,66)
```
#100954
```
#100954 rgb(16,9,84)
```
#130b65
```
#130b65 rgb(19,11,101)
```
#160c77
```
#160c77 rgb(22,12,119)
```
#190e89
```
#190e89 rgb(25,14,137)
```
#1d109b
```
#1d109b rgb(29,16,155)
```
#2012ac
```
#2012ac rgb(32,18,172)
```
#2314be
```
#2314be rgb(35,20,190)
```
#2716d0
```
#2716d0 rgb(39,22,208)
```
#2a17e2
```
#2a17e2 rgb(42,23,226)
```

Shade Color Variation

#3624e8
```
#3624e8 rgb(54,36,232)
```
#4736ea
```
#4736ea rgb(71,54,234)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#675aee
```
#675aee rgb(103,90,238)
```
#786cf0
```
#786cf0 rgb(120,108,240)
```
#887df2
```
#887df2 rgb(136,125,242)
```
#988ff3
```
#988ff3 rgb(152,143,243)
```
#a9a1f5
```
#a9a1f5 rgb(169,161,245)
```
#b9b3f7
```
#b9b3f7 rgb(185,179,247)
```
#c9c4f9
```
#c9c4f9 rgb(201,196,249)
```
#dad6fb
```
#dad6fb rgb(218,214,251)
```
#eae8fd
```
#eae8fd rgb(234,232,253)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96969e is the less saturated color, while #4a38fc is the most saturated one.

#96969e
```
#96969e rgb(150,150,158)
```
#908ea6
```
#908ea6 rgb(144,142,166)
```
#8a86ae
```
#8a86ae rgb(138,134,174)
```
#837eb6
```
#837eb6 rgb(131,126,182)
```
#7d77bd
```
#7d77bd rgb(125,119,189)
```
#776fc5
```
#776fc5 rgb(119,111,197)
```
#7067cd
```
#7067cd rgb(112,103,205)
```
#6a5fd5
```
#6a5fd5 rgb(106,95,213)
```
#6458dc
```
#6458dc rgb(100,88,220)
```
#5d50e4
```
#5d50e4 rgb(93,80,228)
```
#5748ec
```
#5748ec rgb(87,72,236)
```
#5140f4
```
#5140f4 rgb(81,64,244)
```
#4a38fc
```
#4a38fc rgb(74,56,252)
```

Tone Color Variation

Below, you can see how #5748ec 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

#5f5f5f Achromatopsia 0.005% of the population
#5d5a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#1f5cd7 Protanomaly 1% of men, 0.01% of women
#1f60c7 Deuteranomaly 6% of men, 0.4% of women
#1f65a6 Tritanomaly 0.01% of the population

#5748ec hex color

#5748ec Color Information

#5748ec Color Conversion

Color Schemes with #5748ec

Alternatives to #5748ec

#5748ec Preview

Shades and Tints of #5748ec

Tones of #5748ec

Color Blindness Simulator