#5742a1 hex color

In a RGB color space, hex #5742a1 is composed of 34.1% red, 25.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 59% magenta, 0% yellow and 36.9% black. It has a hue angle of 253.3 degrees, a saturation of 41.9% and a lightness of 44.5%. #5742a1 color hex could be obtained by blending #ae84ff with #000043. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 26
- B 63
RGB color chart
- C 46
- M 59
- Y 0
- K 37
CMYK color chart

● #5742a1 color description : Dark moderate blue.

The hexadecimal color #5742a1 has RGB values of R:87, G:66, B:161 and CMYK values of C:0.46, M:0.59, Y:0, K:0.37. Its decimal value is 5718689.

Hex triplet	5742a1	`#5742a1`
RGB Decimal	87, 66, 161	`rgb(87,66,161)`
RGB Percent	34.1, 25.9, 63.1	`rgb(34.1%,25.9%,63.1%)`
CMYK	46, 59, 0, 37
HSL	253.3°, 41.9, 44.5	`hsl(253.3,41.9%,44.5%)`
HSV (or HSB)	253.3°, 59, 63.1
Web Safe	663399	`#663399`

CIE-LAB	34.995, 33.174, -48.699
XYZ	12.311, 8.496, 34.707
xyY	0.222, 0.153, 8.496
CIE-LCH	34.995, 58.925, 304.263
CIE-LUV	34.995, 1.857, -70.424
Hunter-Lab	29.147, 24.383, -50.197
Binary	01010111, 01000010, 10100001

#5742a1
```
#5742a1 rgb(87,66,161)
```
#8ca142
```
#8ca142 rgb(140,161,66)
```

Complementary Color

#425ca1
```
#425ca1 rgb(66,92,161)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#8742a1
```
#8742a1 rgb(135,66,161)
```

Analogous Color

#5ca142
```
#5ca142 rgb(92,161,66)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#a18742
```
#a18742 rgb(161,135,66)
```

Split Complementary Color

#42a157
```
#42a157 rgb(66,161,87)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#a15742
```
#a15742 rgb(161,87,66)
```

Triadic Color

#428ca1
```
#428ca1 rgb(66,140,161)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#a15742
```
#a15742 rgb(161,87,66)
```
#8ca142
```
#8ca142 rgb(140,161,66)
```

Tetradic Color

#3a2c6b
```
#3a2c6b rgb(58,44,107)
```
#43337d
```
#43337d rgb(67,51,125)
```
#4d3b8f
```
#4d3b8f rgb(77,59,143)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#6149b3
```
#6149b3 rgb(97,73,179)
```
#705abc
```
#705abc rgb(112,90,188)
```
#806dc3
```
#806dc3 rgb(128,109,195)
```

Monochromatic Color

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

#4245a1
```
#4245a1 rgb(66,69,161)
```
#4742a1
```
#4742a1 rgb(71,66,161)
```
#4f42a1
```
#4f42a1 rgb(79,66,161)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#5f42a1
```
#5f42a1 rgb(95,66,161)
```
#6742a1
```
#6742a1 rgb(103,66,161)
```
#6f42a1
```
#6f42a1 rgb(111,66,161)
```

Similar Colors

Text with hexadecimal color #5742a1

This text has a font color of #5742a1.

<span style="color:#5742a1;">Text here</span>

#5742a1 background color

This paragraph has a background color of #5742a1.

<p style="background-color:#5742a1;">Content here</p>

#5742a1 border color

This element has a border color of #5742a1.

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

CSS codes

.text {color:#5742a1;}

.background {background-color:#5742a1;}

.border {border:1px solid #5742a1;}

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

#040308
```
#040308 rgb(4,3,8)
```
#0c0916
```
#0c0916 rgb(12,9,22)
```
#130f24
```
#130f24 rgb(19,15,36)
```
#1b1432
```
#1b1432 rgb(27,20,50)
```
#221a40
```
#221a40 rgb(34,26,64)
```
#2a204e
```
#2a204e rgb(42,32,78)
```
#31255b
```
#31255b rgb(49,37,91)
```
#392b69
```
#392b69 rgb(57,43,105)
```
#403177
```
#403177 rgb(64,49,119)
```
#483785
```
#483785 rgb(72,55,133)
```
#4f3c93
```
#4f3c93 rgb(79,60,147)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#5f48af
```
#5f48af rgb(95,72,175)
```

Shade Color Variation

#6952b8
```
#6952b8 rgb(105,82,184)
```
#7560be
```
#7560be rgb(117,96,190)
```
#816ec4
```
#816ec4 rgb(129,110,196)
```
#8d7cc9
```
#8d7cc9 rgb(141,124,201)
```
#998acf
```
#998acf rgb(153,138,207)
```
#a598d5
```
#a598d5 rgb(165,152,213)
```
#b1a6da
```
#b1a6da rgb(177,166,218)
```
#bdb3e0
```
#bdb3e0 rgb(189,179,224)
```
#c9c1e6
```
#c9c1e6 rgb(201,193,230)
```
#d6cfeb
```
#d6cfeb rgb(214,207,235)
```
#e2ddf1
```
#e2ddf1 rgb(226,221,241)
```
#eeebf7
```
#eeebf7 rgb(238,235,247)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#6f6e75
```
#6f6e75 rgb(111,110,117)
```
#6a657e
```
#6a657e rgb(106,101,126)
```
#665c87
```
#665c87 rgb(102,92,135)
```
#615390
```
#615390 rgb(97,83,144)
```
#5c4b98
```
#5c4b98 rgb(92,75,152)
```
#5742a1
```
#5742a1 rgb(87,66,161)
```
#5239aa
```
#5239aa rgb(82,57,170)
```
#4d31b2
```
#4d31b2 rgb(77,49,178)
```
#4828bb
```
#4828bb rgb(72,40,187)
```
#441fc4
```
#441fc4 rgb(68,31,196)
```
#3f16cd
```
#3f16cd rgb(63,22,205)
```
#3a0ed5
```
#3a0ed5 rgb(58,14,213)
```
#3505de
```
#3505de rgb(53,5,222)
```

Tone Color Variation

Below, you can see how #5742a1 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

#535353 Achromatopsia 0.005% of the population
#545063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005c99 Deuteranopia 1% of men
#4a5e65 Tritanopia 0.001% of the population

Trichromacy

#1f50a8 Protanomaly 1% of men, 0.01% of women
#1f539c Deuteranomaly 6% of men, 0.4% of women
#4e547b Tritanomaly 0.01% of the population

#5742a1 hex color

#5742a1 Color Information

#5742a1 Color Conversion

Color Schemes with #5742a1

Alternatives to #5742a1

#5742a1 Preview

Shades and Tints of #5742a1

Tones of #5742a1

Color Blindness Simulator