#5742d4 hex color

In a RGB color space, hex #5742d4 is composed of 34.1% red, 25.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 68.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 248.6 degrees, a saturation of 62.9% and a lightness of 54.5%. #5742d4 color hex could be obtained by blending #ae84ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 26
- B 83
RGB color chart
- C 59
- M 69
- Y 0
- K 17
CMYK color chart

● #5742d4 color description : Moderate blue.

The hexadecimal color #5742d4 has RGB values of R:87, G:66, B:212 and CMYK values of C:0.59, M:0.69, Y:0, K:0.17. Its decimal value is 5718740.

Hex triplet	5742d4	`#5742d4`
RGB Decimal	87, 66, 212	`rgb(87,66,212)`
RGB Percent	34.1, 25.9, 83.1	`rgb(34.1%,25.9%,83.1%)`
CMYK	59, 69, 0, 17
HSL	248.6°, 62.9, 54.5	`hsl(248.6,62.9%,54.5%)`
HSV (or HSB)	248.6°, 68.9, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.028, 48.659, -72.14
XYZ	17.76, 10.675, 63.408
xyY	0.193, 0.116, 10.675
CIE-LCH	39.028, 87.016, 304
CIE-LUV	39.028, -2.464, -105.195
Hunter-Lab	32.673, 39.848, -92.191
Binary	01010111, 01000010, 11010100

#5742d4
```
#5742d4 rgb(87,66,212)
```
#bfd442
```
#bfd442 rgb(191,212,66)
```

Complementary Color

#4276d4
```
#4276d4 rgb(66,118,212)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#a042d4
```
#a042d4 rgb(160,66,212)
```

Analogous Color

#76d442
```
#76d442 rgb(118,212,66)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#d4a042
```
#d4a042 rgb(212,160,66)
```

Split Complementary Color

#42d457
```
#42d457 rgb(66,212,87)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#d45742
```
#d45742 rgb(212,87,66)
```

Triadic Color

#42bfd4
```
#42bfd4 rgb(66,191,212)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#d45742
```
#d45742 rgb(212,87,66)
```
#bfd442
```
#bfd442 rgb(191,212,66)
```

Tetradic Color

#3825a4
```
#3825a4 rgb(56,37,164)
```
#3f2ab9
```
#3f2ab9 rgb(63,42,185)
```
#462fce
```
#462fce rgb(70,47,206)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#6957d9
```
#6957d9 rgb(105,87,217)
```
#7c6cdd
```
#7c6cdd rgb(124,108,221)
```
#8e80e2
```
#8e80e2 rgb(142,128,226)
```

Monochromatic Color

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

#4252d4
```
#4252d4 rgb(66,82,212)
```
#4245d4
```
#4245d4 rgb(66,69,212)
```
#4b42d4
```
#4b42d4 rgb(75,66,212)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#6342d4
```
#6342d4 rgb(99,66,212)
```
#6f42d4
```
#6f42d4 rgb(111,66,212)
```
#7c42d4
```
#7c42d4 rgb(124,66,212)
```

Similar Colors

Text with hexadecimal color #5742d4

This text has a font color of #5742d4.

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

#5742d4 background color

This paragraph has a background color of #5742d4.

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

#5742d4 border color

This element has a border color of #5742d4.

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

CSS codes

.text {color:#5742d4;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060413
```
#060413 rgb(6,4,19)
```
#0c0823
```
#0c0823 rgb(12,8,35)
```
#110c33
```
#110c33 rgb(17,12,51)
```
#170f43
```
#170f43 rgb(23,15,67)
```
#1c1353
```
#1c1353 rgb(28,19,83)
```
#211663
```
#211663 rgb(33,22,99)
```
#271a73
```
#271a73 rgb(39,26,115)
```
#2c1e83
```
#2c1e83 rgb(44,30,131)
```
#322193
```
#322193 rgb(50,33,147)
```
#3725a3
```
#3725a3 rgb(55,37,163)
```
#3c29b3
```
#3c29b3 rgb(60,41,179)
```
#422cc3
```
#422cc3 rgb(66,44,195)
```

Shade Color Variation

#4932d0
```
#4932d0 rgb(73,50,208)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#6552d8
```
#6552d8 rgb(101,82,216)
```
#7362db
```
#7362db rgb(115,98,219)
```
#8272df
```
#8272df rgb(130,114,223)
```
#9082e3
```
#9082e3 rgb(144,130,227)
```
#9e92e6
```
#9e92e6 rgb(158,146,230)
```
#aca2ea
```
#aca2ea rgb(172,162,234)
```
#bab2ed
```
#bab2ed rgb(186,178,237)
```
#c9c2f1
```
#c9c2f1 rgb(201,194,241)
```
#d7d2f5
```
#d7d2f5 rgb(215,210,245)
```
#e5e2f8
```
#e5e2f8 rgb(229,226,248)
```
#f3f2fc
```
#f3f2fc rgb(243,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a898d is the less saturated color, while #3e1ef8 is the most saturated one.

#8a898d
```
#8a898d rgb(138,137,141)
```
#838096
```
#838096 rgb(131,128,150)
```
#7d789e
```
#7d789e rgb(125,120,158)
```
#776fa7
```
#776fa7 rgb(119,111,167)
```
#7066b0
```
#7066b0 rgb(112,102,176)
```
#6a5db9
```
#6a5db9 rgb(106,93,185)
```
#6454c2
```
#6454c2 rgb(100,84,194)
```
#5d4bcb
```
#5d4bcb rgb(93,75,203)
```
#5742d4
```
#5742d4 rgb(87,66,212)
```
#5139dd
```
#5139dd rgb(81,57,221)
```
#4a30e6
```
#4a30e6 rgb(74,48,230)
```
#4427ef
```
#4427ef rgb(68,39,239)
```
#3e1ef8
```
#3e1ef8 rgb(62,30,248)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#595472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a5 Deuteranopia 1% of men
#206d75 Tritanopia 0.001% of the population

Trichromacy

#1f56c5 Protanomaly 1% of men, 0.01% of women
#1f59b6 Deuteranomaly 6% of men, 0.4% of women
#345d97 Tritanomaly 0.01% of the population

#5742d4 hex color

#5742d4 Color Information

#5742d4 Color Conversion

Color Schemes with #5742d4

Alternatives to #5742d4

#5742d4 Preview

Shades and Tints of #5742d4

Tones of #5742d4

Color Blindness Simulator