#5746e2 hex color

In a RGB color space, hex #5746e2 is composed of 34.1% red, 27.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 69% magenta, 0% yellow and 11.4% black. It has a hue angle of 246.5 degrees, a saturation of 72.9% and a lightness of 58%. #5746e2 color hex could be obtained by blending #ae8cff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 27
- B 89
RGB color chart
- C 62
- M 69
- Y 0
- K 11
CMYK color chart

● #5746e2 color description : Soft blue.

The hexadecimal color #5746e2 has RGB values of R:87, G:70, B:226 and CMYK values of C:0.62, M:0.69, Y:0, K:0.11. Its decimal value is 5719778.

Hex triplet	5746e2	`#5746e2`
RGB Decimal	87, 70, 226	`rgb(87,70,226)`
RGB Percent	34.1, 27.5, 88.6	`rgb(34.1%,27.5%,88.6%)`
CMYK	62, 69, 0, 11
HSL	246.5°, 72.9, 58	`hsl(246.5,72.9%,58%)`
HSV (or HSB)	246.5°, 69, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.052, 50.716, -76.839
XYZ	19.845, 11.897, 73.198
xyY	0.189, 0.113, 11.897
CIE-LCH	41.052, 92.067, 303.426
CIE-LUV	41.052, -4.206, -113.202
Hunter-Lab	34.492, 42.343, -101.681
Binary	01010111, 01000110, 11100010

#5746e2
```
#5746e2 rgb(87,70,226)
```
#d1e246
```
#d1e246 rgb(209,226,70)
```

Complementary Color

#4683e2
```
#4683e2 rgb(70,131,226)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#a546e2
```
#a546e2 rgb(165,70,226)
```

Analogous Color

#83e246
```
#83e246 rgb(131,226,70)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#e2a546
```
#e2a546 rgb(226,165,70)
```

Split Complementary Color

#46e257
```
#46e257 rgb(70,226,87)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#e25746
```
#e25746 rgb(226,87,70)
```

Triadic Color

#46d1e2
```
#46d1e2 rgb(70,209,226)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#e25746
```
#e25746 rgb(226,87,70)
```
#d1e246
```
#d1e246 rgb(209,226,70)
```

Tetradic Color

#2f1ebe
```
#2f1ebe rgb(47,30,190)
```
#3521d4
```
#3521d4 rgb(53,33,212)
```
#4330df
```
#4330df rgb(67,48,223)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#6b5ce5
```
#6b5ce5 rgb(107,92,229)
```
#7f72e9
```
#7f72e9 rgb(127,114,233)
```
#9388ec
```
#9388ec rgb(147,136,236)
```

Monochromatic Color

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

#465ce2
```
#465ce2 rgb(70,92,226)
```
#464fe2
```
#464fe2 rgb(70,79,226)
```
#4a46e2
```
#4a46e2 rgb(74,70,226)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#6446e2
```
#6446e2 rgb(100,70,226)
```
#7146e2
```
#7146e2 rgb(113,70,226)
```
#7e46e2
```
#7e46e2 rgb(126,70,226)
```

Similar Colors

Text with hexadecimal color #5746e2

This text has a font color of #5746e2.

<span style="color:#5746e2;">Text here</span>

#5746e2 background color

This paragraph has a background color of #5746e2.

<p style="background-color:#5746e2;">Content here</p>

#5746e2 border color

This element has a border color of #5746e2.

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

CSS codes

.text {color:#5746e2;}

.background {background-color:#5746e2;}

.border {border:1px solid #5746e2;}

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

#000002
```
#000002 rgb(0,0,2)
```
#050312
```
#050312 rgb(5,3,18)
```
#090623
```
#090623 rgb(9,6,35)
```
#0d0834
```
#0d0834 rgb(13,8,52)
```
#110b45
```
#110b45 rgb(17,11,69)
```
#150e56
```
#150e56 rgb(21,14,86)
```
#1a1067
```
#1a1067 rgb(26,16,103)
```
#1e1378
```
#1e1378 rgb(30,19,120)
```
#221689
```
#221689 rgb(34,22,137)
```
#26189a
```
#26189a rgb(38,24,154)
```
#2b1bab
```
#2b1bab rgb(43,27,171)
```
#2f1dbc
```
#2f1dbc rgb(47,29,188)
```
#3320cd
```
#3320cd rgb(51,32,205)
```

Shade Color Variation

#3824dd
```
#3824dd rgb(56,36,221)
```
#4835df
```
#4835df rgb(72,53,223)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#6657e5
```
#6657e5 rgb(102,87,229)
```
#7668e7
```
#7668e7 rgb(118,104,231)
```
#8579ea
```
#8579ea rgb(133,121,234)
```
#958aed
```
#958aed rgb(149,138,237)
```
#a49bef
```
#a49bef rgb(164,155,239)
```
#b3acf2
```
#b3acf2 rgb(179,172,242)
```
#c3bdf5
```
#c3bdf5 rgb(195,189,245)
```
#d2cef7
```
#d2cef7 rgb(210,206,247)
```
#e2dffa
```
#e2dffa rgb(226,223,250)
```
#f1f0fd
```
#f1f0fd rgb(241,240,253)
```

Tint Color Variation

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

#919098
```
#919098 rgb(145,144,152)
```
#8a88a0
```
#8a88a0 rgb(138,136,160)
```
#8480a8
```
#8480a8 rgb(132,128,168)
```
#7e77b1
```
#7e77b1 rgb(126,119,177)
```
#776fb9
```
#776fb9 rgb(119,111,185)
```
#7167c1
```
#7167c1 rgb(113,103,193)
```
#6a5fc9
```
#6a5fc9 rgb(106,95,201)
```
#6456d2
```
#6456d2 rgb(100,86,210)
```
#5d4eda
```
#5d4eda rgb(93,78,218)
```
#5746e2
```
#5746e2 rgb(87,70,226)
```
#513eea
```
#513eea rgb(81,62,234)
```
#4a36f2
```
#4a36f2 rgb(74,54,242)
```
#442dfb
```
#442dfb rgb(68,45,251)
```

Tone Color Variation

Below, you can see how #5746e2 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

#5d5d5d Achromatopsia 0.005% of the population
#5c5878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#1f5ad0 Protanomaly 1% of men, 0.01% of women
#1f5ec0 Deuteranomaly 6% of men, 0.4% of women
#1f62a0 Tritanomaly 0.01% of the population

#5746e2 hex color

#5746e2 Color Information

#5746e2 Color Conversion

Color Schemes with #5746e2

Alternatives to #5746e2

#5746e2 Preview

Shades and Tints of #5746e2

Tones of #5746e2

Color Blindness Simulator