#5742ae hex color

In a RGB color space, hex #5742ae is composed of 34.1% red, 25.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 62.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 251.7 degrees, a saturation of 45% and a lightness of 47.1%. #5742ae color hex could be obtained by blending #ae84ff with #00005d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 26
- B 68
RGB color chart
- C 50
- M 62
- Y 0
- K 32
CMYK color chart

● #5742ae color description : Dark moderate blue.

The hexadecimal color #5742ae has RGB values of R:87, G:66, B:174 and CMYK values of C:0.5, M:0.62, Y:0, K:0.32. Its decimal value is 5718702.

Hex triplet	5742ae	`#5742ae`
RGB Decimal	87, 66, 174	`rgb(87,66,174)`
RGB Percent	34.1, 25.9, 68.2	`rgb(34.1%,25.9%,68.2%)`
CMYK	50, 62, 0, 32
HSL	251.7°, 45, 47.1	`hsl(251.7,45%,47.1%)`
HSV (or HSB)	251.7°, 62.1, 68.2
Web Safe	663399	`#663399`

CIE-LAB	35.943, 37.097, -54.941
XYZ	13.517, 8.978, 41.063
xyY	0.213, 0.141, 8.978
CIE-LCH	35.943, 66.293, 304.028
CIE-LUV	35.943, 0.653, -79.705
Hunter-Lab	29.964, 28.088, -60.277
Binary	01010111, 01000010, 10101110

#5742ae
```
#5742ae rgb(87,66,174)
```
#99ae42
```
#99ae42 rgb(153,174,66)
```

Complementary Color

#4263ae
```
#4263ae rgb(66,99,174)
```
#5742ae
```
#5742ae rgb(87,66,174)
```
#8d42ae
```
#8d42ae rgb(141,66,174)
```

Analogous Color

#63ae42
```
#63ae42 rgb(99,174,66)
```
#5742ae
```
#5742ae rgb(87,66,174)
```
#ae8d42
```
#ae8d42 rgb(174,141,66)
```

Split Complementary Color

#42ae57
```
#42ae57 rgb(66,174,87)
```
#5742ae
```
#5742ae rgb(87,66,174)
```
#ae5742
```
#ae5742 rgb(174,87,66)
```

Triadic Color

#4299ae
```
#4299ae rgb(66,153,174)
```
#5742ae
```
#5742ae rgb(87,66,174)
```
#ae5742
```
#ae5742 rgb(174,87,66)
```
#99ae42
```
#99ae42 rgb(153,174,66)
```

Tetradic Color

#3b2d77
```
#3b2d77 rgb(59,45,119)
```
#453489
```
#453489 rgb(69,52,137)
```
#4e3b9c
```
#4e3b9c rgb(78,59,156)
```
#5742ae
```
#5742ae rgb(87,66,174)
```
#634ebc
```
#634ebc rgb(99,78,188)
```
#7360c3
```
#7360c3 rgb(115,96,195)
```
#8473ca
```
#8473ca rgb(132,115,202)
```

Monochromatic Color

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

#4248ae
```
#4248ae rgb(66,72,174)
```
#4542ae
```
#4542ae rgb(69,66,174)
```
#4e42ae
```
#4e42ae rgb(78,66,174)
```
#5742ae
```
#5742ae rgb(87,66,174)
```
#6042ae
```
#6042ae rgb(96,66,174)
```
#6942ae
```
#6942ae rgb(105,66,174)
```
#7242ae
```
#7242ae rgb(114,66,174)
```

Similar Colors

Text with hexadecimal color #5742ae

This text has a font color of #5742ae.

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

#5742ae background color

This paragraph has a background color of #5742ae.

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

#5742ae border color

This element has a border color of #5742ae.

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

CSS codes

.text {color:#5742ae;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090712
```
#090712 rgb(9,7,18)
```
#100c20
```
#100c20 rgb(16,12,32)
```
#17112e
```
#17112e rgb(23,17,46)
```
#1e173c
```
#1e173c rgb(30,23,60)
```
#251c4a
```
#251c4a rgb(37,28,74)
```
#2c2259
```
#2c2259 rgb(44,34,89)
```
#332767
```
#332767 rgb(51,39,103)
```
#3b2c75
```
#3b2c75 rgb(59,44,117)
```
#423283
```
#423283 rgb(66,50,131)
```
#493792
```
#493792 rgb(73,55,146)
```
#503da0
```
#503da0 rgb(80,61,160)
```
#5742ae
```
#5742ae rgb(87,66,174)
```

Shade Color Variation

#5f49ba
```
#5f49ba rgb(95,73,186)
```
#6c58c0
```
#6c58c0 rgb(108,88,192)
```
#7866c5
```
#7866c5 rgb(120,102,197)
```
#8574ca
```
#8574ca rgb(133,116,202)
```
#9182d0
```
#9182d0 rgb(145,130,208)
```
#9e91d5
```
#9e91d5 rgb(158,145,213)
```
#aa9fdb
```
#aa9fdb rgb(170,159,219)
```
#b7ade0
```
#b7ade0 rgb(183,173,224)
```
#c3bbe5
```
#c3bbe5 rgb(195,187,229)
```
#d0c9eb
```
#d0c9eb rgb(208,201,235)
```
#dcd8f0
```
#dcd8f0 rgb(220,216,240)
```
#e9e6f5
```
#e9e6f5 rgb(233,230,245)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

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

#737080
```
#737080 rgb(115,112,128)
```
#6e6789
```
#6e6789 rgb(110,103,137)
```
#685e92
```
#685e92 rgb(104,94,146)
```
#62549c
```
#62549c rgb(98,84,156)
```
#5d4ba5
```
#5d4ba5 rgb(93,75,165)
```
#5742ae
```
#5742ae rgb(87,66,174)
```
#5139b7
```
#5139b7 rgb(81,57,183)
```
#4c30c0
```
#4c30c0 rgb(76,48,192)
```
#4626ca
```
#4626ca rgb(70,38,202)
```
#401dd3
```
#401dd3 rgb(64,29,211)
```
#3b14dc
```
#3b14dc rgb(59,20,220)
```
#350be5
```
#350be5 rgb(53,11,229)
```
#3001ef
```
#3001ef rgb(48,1,239)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#555167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9c Deuteranopia 1% of men
#436269 Tritanopia 0.001% of the population

Trichromacy

#1f51b0 Protanomaly 1% of men, 0.01% of women
#1f54a2 Deuteranomaly 6% of men, 0.4% of women
#4a5682 Tritanomaly 0.01% of the population

#5742ae hex color

#5742ae Color Information

#5742ae Color Conversion

Color Schemes with #5742ae

Alternatives to #5742ae

#5742ae Preview

Shades and Tints of #5742ae

Tones of #5742ae

Color Blindness Simulator