#5748bf hex color

In a RGB color space, hex #5748bf is composed of 34.1% red, 28.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 62.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 247.6 degrees, a saturation of 48.2% and a lightness of 51.6%. #5748bf color hex could be obtained by blending #ae90ff with #00007f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 28
- B 75
RGB color chart
- C 54
- M 62
- Y 0
- K 25
CMYK color chart

● #5748bf color description : Moderate blue.

The hexadecimal color #5748bf has RGB values of R:87, G:72, B:191 and CMYK values of C:0.54, M:0.62, Y:0, K:0.25. Its decimal value is 5720255.

Hex triplet	5748bf	`#5748bf`
RGB Decimal	87, 72, 191	`rgb(87,72,191)`
RGB Percent	34.1, 28.2, 74.9	`rgb(34.1%,28.2%,74.9%)`
CMYK	54, 62, 0, 25
HSL	247.6°, 48.2, 51.6	`hsl(247.6,48.2%,51.6%)`
HSV (or HSB)	247.6°, 62.3, 74.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.59, 38.75, -60.667
XYZ	15.65, 10.422, 50.474
xyY	0.204, 0.136, 10.422
CIE-LCH	38.59, 71.986, 302.568
CIE-LUV	38.59, -2.144, -89.447
Hunter-Lab	32.283, 30.036, -70.101
Binary	01010111, 01001000, 10111111

#5748bf
```
#5748bf rgb(87,72,191)
```
#b0bf48
```
#b0bf48 rgb(176,191,72)
```

Complementary Color

#4875bf
```
#4875bf rgb(72,117,191)
```
#5748bf
```
#5748bf rgb(87,72,191)
```
#9348bf
```
#9348bf rgb(147,72,191)
```

Analogous Color

#75bf48
```
#75bf48 rgb(117,191,72)
```
#5748bf
```
#5748bf rgb(87,72,191)
```
#bf9348
```
#bf9348 rgb(191,147,72)
```

Split Complementary Color

#48bf57
```
#48bf57 rgb(72,191,87)
```
#5748bf
```
#5748bf rgb(87,72,191)
```
#bf5748
```
#bf5748 rgb(191,87,72)
```

Triadic Color

#48b0bf
```
#48b0bf rgb(72,176,191)
```
#5748bf
```
#5748bf rgb(87,72,191)
```
#bf5748
```
#bf5748 rgb(191,87,72)
```
#b0bf48
```
#b0bf48 rgb(176,191,72)
```

Tetradic Color

#3c308a
```
#3c308a rgb(60,48,138)
```
#44379d
```
#44379d rgb(68,55,157)
```
#4c3eb0
```
#4c3eb0 rgb(76,62,176)
```
#5748bf
```
#5748bf rgb(87,72,191)
```
#685bc6
```
#685bc6 rgb(104,91,198)
```
#7a6ecc
```
#7a6ecc rgb(122,110,204)
```
#8b81d3
```
#8b81d3 rgb(139,129,211)
```

Monochromatic Color

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

#4857bf
```
#4857bf rgb(72,87,191)
```
#484dbf
```
#484dbf rgb(72,77,191)
```
#4d48bf
```
#4d48bf rgb(77,72,191)
```
#5748bf
```
#5748bf rgb(87,72,191)
```
#6148bf
```
#6148bf rgb(97,72,191)
```
#6b48bf
```
#6b48bf rgb(107,72,191)
```
#7548bf
```
#7548bf rgb(117,72,191)
```

Similar Colors

Text with hexadecimal color #5748bf

This text has a font color of #5748bf.

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

#5748bf background color

This paragraph has a background color of #5748bf.

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

#5748bf border color

This element has a border color of #5748bf.

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

CSS codes

.text {color:#5748bf;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#090714
```
#090714 rgb(9,7,20)
```
#0f0c23
```
#0f0c23 rgb(15,12,35)
```
#151132
```
#151132 rgb(21,17,50)
```
#1c1640
```
#1c1640 rgb(28,22,64)
```
#221b4f
```
#221b4f rgb(34,27,79)
```
#28215d
```
#28215d rgb(40,33,93)
```
#2e266c
```
#2e266c rgb(46,38,108)
```
#352b7a
```
#352b7a rgb(53,43,122)
```
#3b3089
```
#3b3089 rgb(59,48,137)
```
#413597
```
#413597 rgb(65,53,151)
```
#483aa6
```
#483aa6 rgb(72,58,166)
```
#4e3fb4
```
#4e3fb4 rgb(78,63,180)
```

Shade Color Variation

#5748bf
```
#5748bf rgb(87,72,191)
```
#6457c4
```
#6457c4 rgb(100,87,196)
```
#7265c9
```
#7265c9 rgb(114,101,201)
```
#7f74ce
```
#7f74ce rgb(127,116,206)
```
#8c82d3
```
#8c82d3 rgb(140,130,211)
```
#9a91d8
```
#9a91d8 rgb(154,145,216)
```
#a79fdd
```
#a79fdd rgb(167,159,221)
```
#b4aee3
```
#b4aee3 rgb(180,174,227)
```
#c2bce8
```
#c2bce8 rgb(194,188,232)
```
#cfcbed
```
#cfcbed rgb(207,203,237)
```
#dcd9f2
```
#dcd9f2 rgb(220,217,242)
```
#eae8f7
```
#eae8f7 rgb(234,232,247)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

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

#828186
```
#828186 rgb(130,129,134)
```
#7b7890
```
#7b7890 rgb(123,120,144)
```
#736e99
```
#736e99 rgb(115,110,153)
```
#6c65a3
```
#6c65a3 rgb(108,101,163)
```
#655bac
```
#655bac rgb(101,91,172)
```
#5e52b6
```
#5e52b6 rgb(94,82,182)
```
#5748bf
```
#5748bf rgb(87,72,191)
```
#503fc9
```
#503fc9 rgb(80,63,201)
```
#4935d2
```
#4935d2 rgb(73,53,210)
```
#422cdc
```
#422cdc rgb(66,44,220)
```
#3b22e5
```
#3b22e5 rgb(59,34,229)
```
#3319ef
```
#3319ef rgb(51,25,239)
```
#2c0ff8
```
#2c0ff8 rgb(44,15,248)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#59566e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#3a6a72 Tritanopia 0.001% of the population

Trichromacy

#1f57bd Protanomaly 1% of men, 0.01% of women
#1f5aae Deuteranomaly 6% of men, 0.4% of women
#445d8e Tritanomaly 0.01% of the population

#5748bf hex color

#5748bf Color Information

#5748bf Color Conversion

Color Schemes with #5748bf

Alternatives to #5748bf

#5748bf Preview

Shades and Tints of #5748bf

Tones of #5748bf

Color Blindness Simulator