#5742e9 hex color

In a RGB color space, hex #5742e9 is composed of 34.1% red, 25.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 71.7% magenta, 0% yellow and 8.6% black. It has a hue angle of 247.5 degrees, a saturation of 79.1% and a lightness of 58.6%. #5742e9 color hex could be obtained by blending #ae84ff with #0000d3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 26
- B 91
RGB color chart
- C 63
- M 72
- Y 0
- K 9
CMYK color chart

● #5742e9 color description : Bright blue.

The hexadecimal color #5742e9 has RGB values of R:87, G:66, B:233 and CMYK values of C:0.63, M:0.72, Y:0, K:0.09. Its decimal value is 5718761.

Hex triplet	5742e9	`#5742e9`
RGB Decimal	87, 66, 233	`rgb(87,66,233)`
RGB Percent	34.1, 25.9, 91.4	`rgb(34.1%,25.9%,91.4%)`
CMYK	63, 72, 0, 9
HSL	247.5°, 79.1, 58.6	`hsl(247.5,79.1%,58.6%)`
HSV (or HSB)	247.5°, 71.7, 91.4
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.904, 54.983, -81.057
XYZ	20.584, 11.805, 78.28
xyY	0.186, 0.107, 11.805
CIE-LCH	40.904, 97.946, 304.15
CIE-LUV	40.904, -3.972, -118.414
Hunter-Lab	34.358, 46.811, -111.032
Binary	01010111, 01000010, 11101001

#5742e9
```
#5742e9 rgb(87,66,233)
```
#d4e942
```
#d4e942 rgb(212,233,66)
```

Complementary Color

#4281e9
```
#4281e9 rgb(66,129,233)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#ab42e9
```
#ab42e9 rgb(171,66,233)
```

Analogous Color

#81e942
```
#81e942 rgb(129,233,66)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#e9ab42
```
#e9ab42 rgb(233,171,66)
```

Split Complementary Color

#42e957
```
#42e957 rgb(66,233,87)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#e95742
```
#e95742 rgb(233,87,66)
```

Triadic Color

#42d4e9
```
#42d4e9 rgb(66,212,233)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#e95742
```
#e95742 rgb(233,87,66)
```
#d4e942
```
#d4e942 rgb(212,233,66)
```

Tetradic Color

#2d17c7
```
#2d17c7 rgb(45,23,199)
```
#331ade
```
#331ade rgb(51,26,222)
```
#432be6
```
#432be6 rgb(67,43,230)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#6b59ec
```
#6b59ec rgb(107,89,236)
```
#8070ee
```
#8070ee rgb(128,112,238)
```
#9487f1
```
#9487f1 rgb(148,135,241)
```

Monochromatic Color

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

#4257e9
```
#4257e9 rgb(66,87,233)
```
#4249e9
```
#4249e9 rgb(66,73,233)
```
#4942e9
```
#4942e9 rgb(73,66,233)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#6542e9
```
#6542e9 rgb(101,66,233)
```
#7342e9
```
#7342e9 rgb(115,66,233)
```
#8142e9
```
#8142e9 rgb(129,66,233)
```

Similar Colors

Text with hexadecimal color #5742e9

This text has a font color of #5742e9.

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

#5742e9 background color

This paragraph has a background color of #5742e9.

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

#5742e9 border color

This element has a border color of #5742e9.

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

CSS codes

.text {color:#5742e9;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#050316
```
#050316 rgb(5,3,22)
```
#090527
```
#090527 rgb(9,5,39)
```
#0d0739
```
#0d0739 rgb(13,7,57)
```
#11094b
```
#11094b rgb(17,9,75)
```
#150b5c
```
#150b5c rgb(21,11,92)
```
#190d6e
```
#190d6e rgb(25,13,110)
```
#1d0f7f
```
#1d0f7f rgb(29,15,127)
```
#211191
```
#211191 rgb(33,17,145)
```
#2513a2
```
#2513a2 rgb(37,19,162)
```
#2915b4
```
#2915b4 rgb(41,21,180)
```
#2d17c6
```
#2d17c6 rgb(45,23,198)
```
#3119d7
```
#3119d7 rgb(49,25,215)
```

Shade Color Variation

#381fe5
```
#381fe5 rgb(56,31,229)
```
#4730e7
```
#4730e7 rgb(71,48,231)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#6754eb
```
#6754eb rgb(103,84,235)
```
#7665ed
```
#7665ed rgb(118,101,237)
```
#8677ef
```
#8677ef rgb(134,119,239)
```
#9588f1
```
#9588f1 rgb(149,136,241)
```
#a59af3
```
#a59af3 rgb(165,154,243)
```
#b5abf5
```
#b5abf5 rgb(181,171,245)
```
#c4bdf7
```
#c4bdf7 rgb(196,189,247)
```
#d4cff9
```
#d4cff9 rgb(212,207,249)
```
#e4e0fb
```
#e4e0fb rgb(228,224,251)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

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

#949398
```
#949398 rgb(148,147,152)
```
#8e8ba0
```
#8e8ba0 rgb(142,139,160)
```
#8883a8
```
#8883a8 rgb(136,131,168)
```
#827bb0
```
#827bb0 rgb(130,123,176)
```
#7b73b8
```
#7b73b8 rgb(123,115,184)
```
#756bc0
```
#756bc0 rgb(117,107,192)
```
#6f62c9
```
#6f62c9 rgb(111,98,201)
```
#695ad1
```
#695ad1 rgb(105,90,209)
```
#6352d9
```
#6352d9 rgb(99,82,217)
```
#5d4ae1
```
#5d4ae1 rgb(93,74,225)
```
#5742e9
```
#5742e9 rgb(87,66,233)
```
#513af1
```
#513af1 rgb(81,58,241)
```
#4b32f9
```
#4b32f9 rgb(75,50,249)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a5677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#1f58d2 Protanomaly 1% of men, 0.01% of women
#1f5cc2 Deuteranomaly 6% of men, 0.4% of women
#1f61a2 Tritanomaly 0.01% of the population

#5742e9 hex color

#5742e9 Color Information

#5742e9 Color Conversion

Color Schemes with #5742e9

Alternatives to #5742e9

#5742e9 Preview

Shades and Tints of #5742e9

Tones of #5742e9

Color Blindness Simulator