colorhexa.com

#5748e1 hex color

In a RGB color space, hex #5748e1 is composed of 34.1% red, 28.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 68% magenta, 0% yellow and 11.8% black. It has a hue angle of 245.9 degrees, a saturation of 71.8% and a lightness of 58.2%. #5748e1 color hex could be obtained by blending #ae90ff with #0000c3. Closest websafe color is: #6633cc.

- R 34
- G 28
- B 88
RGB color chart
- C 61
- M 68
- Y 0
- K 12
CMYK color chart

● #5748e1 color description : Soft blue.

The hexadecimal color #5748e1 has RGB values of R:87, G:72, B:225 and CMYK values of C:0.61, M:0.68, Y:0, K:0.12. Its decimal value is 5720289.

Hex triplet	5748e1	`#5748e1`
RGB Decimal	87, 72, 225	`rgb(87,72,225)`
RGB Percent	34.1, 28.2, 88.2	`rgb(34.1%,28.2%,88.2%)`
CMYK	61, 68, 0, 12
HSL	245.9°, 71.8, 58.2	`hsl(245.9,71.8%,58.2%)`
HSV (or HSB)	245.9°, 68, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.369, 49.299, -75.749
XYZ	19.836, 12.096, 72.52
xyY	0.19, 0.116, 12.096
CIE-LCH	41.369, 90.379, 303.057
CIE-LUV	41.369, -4.52, -112.082
Hunter-Lab	34.78, 40.938, -99.28
Binary	01010111, 01001000, 11100001

#5748e1
```
#5748e1 rgb(87,72,225)
```
#d2e148
```
#d2e148 rgb(210,225,72)
```

Complementary Color

#4886e1
```
#4886e1 rgb(72,134,225)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#a448e1
```
#a448e1 rgb(164,72,225)
```

Analogous Color

#86e148
```
#86e148 rgb(134,225,72)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#e1a448
```
#e1a448 rgb(225,164,72)
```

Split Complementary Color

#48e157
```
#48e157 rgb(72,225,87)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#e15748
```
#e15748 rgb(225,87,72)
```

Triadic Color

#48d2e1
```
#48d2e1 rgb(72,210,225)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#e15748
```
#e15748 rgb(225,87,72)
```
#d2e148
```
#d2e148 rgb(210,225,72)
```

Tetradic Color

#2f1fbd
```
#2f1fbd rgb(47,31,189)
```
#3423d3
```
#3423d3 rgb(52,35,211)
```
#4332dd
```
#4332dd rgb(67,50,221)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#6b5ee5
```
#6b5ee5 rgb(107,94,229)
```
#7f74e8
```
#7f74e8 rgb(127,116,232)
```
#938aec
```
#938aec rgb(147,138,236)
```

Monochromatic Color

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

#485fe1
```
#485fe1 rgb(72,95,225)
```
#4853e1
```
#4853e1 rgb(72,83,225)
```
#4a48e1
```
#4a48e1 rgb(74,72,225)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#6448e1
```
#6448e1 rgb(100,72,225)
```
#7148e1
```
#7148e1 rgb(113,72,225)
```
#7d48e1
```
#7d48e1 rgb(125,72,225)
```

Similar Colors

Text with hexadecimal color #5748e1

This text has a font color of #5748e1.

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

#5748e1 background color

This paragraph has a background color of #5748e1.

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

#5748e1 border color

This element has a border color of #5748e1.

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

CSS codes

.text {color:#5748e1;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050313
```
#050313 rgb(5,3,19)
```
#090624
```
#090624 rgb(9,6,36)
```
#0d0935
```
#0d0935 rgb(13,9,53)
```
#110b46
```
#110b46 rgb(17,11,70)
```
#150e57
```
#150e57 rgb(21,14,87)
```
#191167
```
#191167 rgb(25,17,103)
```
#1e1478
```
#1e1478 rgb(30,20,120)
```
#221689
```
#221689 rgb(34,22,137)
```
#26199a
```
#26199a rgb(38,25,154)
```
#2a1cab
```
#2a1cab rgb(42,28,171)
```
#2e1fbc
```
#2e1fbc rgb(46,31,188)
```
#3222cd
```
#3222cd rgb(50,34,205)
```

Shade Color Variation

#3826db
```
#3826db rgb(56,38,219)
```
#4837de
```
#4837de rgb(72,55,222)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#6659e4
```
#6659e4 rgb(102,89,228)
```
#766ae7
```
#766ae7 rgb(118,106,231)
```
#857be9
```
#857be9 rgb(133,123,233)
```
#958bec
```
#958bec rgb(149,139,236)
```
#a49cef
```
#a49cef rgb(164,156,239)
```
#b4adf2
```
#b4adf2 rgb(180,173,242)
```
#c3bef4
```
#c3bef4 rgb(195,190,244)
```
#d3cff7
```
#d3cff7 rgb(211,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, #929297 is the less saturated color, while #432ffa is the most saturated one.

#929297
```
#929297 rgb(146,146,151)
```
#8c8a9f
```
#8c8a9f rgb(140,138,159)
```
#8581a8
```
#8581a8 rgb(133,129,168)
```
#7f79b0
```
#7f79b0 rgb(127,121,176)
```
#7871b8
```
#7871b8 rgb(120,113,184)
```
#7169c0
```
#7169c0 rgb(113,105,192)
```
#6b61c8
```
#6b61c8 rgb(107,97,200)
```
#6458d1
```
#6458d1 rgb(100,88,209)
```
#5e50d9
```
#5e50d9 rgb(94,80,217)
```
#5748e1
```
#5748e1 rgb(87,72,225)
```
#5040e9
```
#5040e9 rgb(80,64,233)
```
#4a38f1
```
#4a38f1 rgb(74,56,241)
```
#432ffa
```
#432ffa rgb(67,47,250)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5d5a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#1f5bd1 Protanomaly 1% of men, 0.01% of women
#1f5fc0 Deuteranomaly 6% of men, 0.4% of women
#1f64a0 Tritanomaly 0.01% of the population