#5742af hex color

In a RGB color space, hex #5742af is composed of 34.1% red, 25.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 62.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 251.6 degrees, a saturation of 45.2% and a lightness of 47.3%. #5742af color hex could be obtained by blending #ae84ff with #00005f. Closest websafe color is: #663399.

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

● #5742af color description : Dark moderate blue.

The hexadecimal color #5742af has RGB values of R:87, G:66, B:175 and CMYK values of C:0.5, M:0.62, Y:0, K:0.31. Its decimal value is 5718703.

Hex triplet	5742af	`#5742af`
RGB Decimal	87, 66, 175	`rgb(87,66,175)`
RGB Percent	34.1, 25.9, 68.6	`rgb(34.1%,25.9%,68.6%)`
CMYK	50, 62, 0, 31
HSL	251.6°, 45.2, 47.3	`hsl(251.6,45.2%,47.3%)`
HSV (or HSB)	251.6°, 62.3, 68.6
Web Safe	663399	`#663399`

CIE-LAB	36.018, 37.401, -55.413
XYZ	13.615, 9.017, 41.578
xyY	0.212, 0.14, 9.017
CIE-LCH	36.018, 66.854, 304.017
CIE-LUV	36.018, 0.563, -80.406
Hunter-Lab	30.029, 28.38, -61.072
Binary	01010111, 01000010, 10101111

#5742af
```
#5742af rgb(87,66,175)
```
#9aaf42
```
#9aaf42 rgb(154,175,66)
```

Complementary Color

#4264af
```
#4264af rgb(66,100,175)
```
#5742af
```
#5742af rgb(87,66,175)
```
#8e42af
```
#8e42af rgb(142,66,175)
```

Analogous Color

#64af42
```
#64af42 rgb(100,175,66)
```
#5742af
```
#5742af rgb(87,66,175)
```
#af8e42
```
#af8e42 rgb(175,142,66)
```

Split Complementary Color

#42af57
```
#42af57 rgb(66,175,87)
```
#5742af
```
#5742af rgb(87,66,175)
```
#af5742
```
#af5742 rgb(175,87,66)
```

Triadic Color

#429aaf
```
#429aaf rgb(66,154,175)
```
#5742af
```
#5742af rgb(87,66,175)
```
#af5742
```
#af5742 rgb(175,87,66)
```
#9aaf42
```
#9aaf42 rgb(154,175,66)
```

Tetradic Color

#3b2d77
```
#3b2d77 rgb(59,45,119)
```
#45348a
```
#45348a rgb(69,52,138)
```
#4e3b9c
```
#4e3b9c rgb(78,59,156)
```
#5742af
```
#5742af rgb(87,66,175)
```
#634ebc
```
#634ebc rgb(99,78,188)
```
#7461c3
```
#7461c3 rgb(116,97,195)
```
#8473ca
```
#8473ca rgb(132,115,202)
```

Monochromatic Color

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

#4248af
```
#4248af rgb(66,72,175)
```
#4542af
```
#4542af rgb(69,66,175)
```
#4e42af
```
#4e42af rgb(78,66,175)
```
#5742af
```
#5742af rgb(87,66,175)
```
#6042af
```
#6042af rgb(96,66,175)
```
#6942af
```
#6942af rgb(105,66,175)
```
#7242af
```
#7242af rgb(114,66,175)
```

Similar Colors

Text with hexadecimal color #5742af

This text has a font color of #5742af.

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

#5742af background color

This paragraph has a background color of #5742af.

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

#5742af border color

This element has a border color of #5742af.

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

CSS codes

.text {color:#5742af;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090712
```
#090712 rgb(9,7,18)
```
#100c21
```
#100c21 rgb(16,12,33)
```
#17122f
```
#17122f rgb(23,18,47)
```
#1e173d
```
#1e173d rgb(30,23,61)
```
#251c4b
```
#251c4b rgb(37,28,75)
```
#2d225a
```
#2d225a rgb(45,34,90)
```
#342768
```
#342768 rgb(52,39,104)
```
#3b2d76
```
#3b2d76 rgb(59,45,118)
```
#423284
```
#423284 rgb(66,50,132)
```
#493793
```
#493793 rgb(73,55,147)
```
#503da1
```
#503da1 rgb(80,61,161)
```
#5742af
```
#5742af rgb(87,66,175)
```

Shade Color Variation

#604abb
```
#604abb rgb(96,74,187)
```
#6c58c0
```
#6c58c0 rgb(108,88,192)
```
#7966c5
```
#7966c5 rgb(121,102,197)
```
#8575cb
```
#8575cb rgb(133,117,203)
```
#9283d0
```
#9283d0 rgb(146,131,208)
```
#9e91d6
```
#9e91d6 rgb(158,145,214)
```
#ab9fdb
```
#ab9fdb rgb(171,159,219)
```
#b7aee0
```
#b7aee0 rgb(183,174,224)
```
#c4bce6
```
#c4bce6 rgb(196,188,230)
```
#d0caeb
```
#d0caeb rgb(208,202,235)
```
#ddd8f0
```
#ddd8f0 rgb(221,216,240)
```
#eae7f6
```
#eae7f6 rgb(234,231,246)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#737081
```
#737081 rgb(115,112,129)
```
#6e678a
```
#6e678a rgb(110,103,138)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#62559c
```
#62559c rgb(98,85,156)
```
#5d4ba6
```
#5d4ba6 rgb(93,75,166)
```
#5742af
```
#5742af rgb(87,66,175)
```
#5139b8
```
#5139b8 rgb(81,57,184)
```
#4c2fc2
```
#4c2fc2 rgb(76,47,194)
```
#4626cb
```
#4626cb rgb(70,38,203)
```
#401dd4
```
#401dd4 rgb(64,29,212)
```
#3b14dd
```
#3b14dd rgb(59,20,221)
```
#350ae7
```
#350ae7 rgb(53,10,231)
```
#2f01f0
```
#2f01f0 rgb(47,1,240)
```

Tone Color Variation

Below, you can see how #5742af 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
#1f54a3 Deuteranomaly 6% of men, 0.4% of women
#4a5682 Tritanomaly 0.01% of the population

#5742af hex color

#5742af Color Information

#5742af Color Conversion

Color Schemes with #5742af

Alternatives to #5742af

#5742af Preview

Shades and Tints of #5742af

Tones of #5742af

Color Blindness Simulator