#5745ed hex color

In a RGB color space, hex #5745ed is composed of 34.1% red, 27.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 70.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 246.4 degrees, a saturation of 82.4% and a lightness of 60%. #5745ed color hex could be obtained by blending #ae8aff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 27
- B 93
RGB color chart
- C 63
- M 71
- Y 0
- K 7
CMYK color chart

● #5745ed color description : Bright blue.

The hexadecimal color #5745ed has RGB values of R:87, G:69, B:237 and CMYK values of C:0.63, M:0.71, Y:0, K:0.07. Its decimal value is 5719533.

Hex triplet	5745ed	`#5745ed`
RGB Decimal	87, 69, 237	`rgb(87,69,237)`
RGB Percent	34.1, 27.1, 92.9	`rgb(34.1%,27.1%,92.9%)`
CMYK	63, 71, 0, 7
HSL	246.4°, 82.4, 60	`hsl(246.4,82.4%,60%)`
HSV (or HSB)	246.4°, 70.9, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.839, 54.598, -81.784
XYZ	21.342, 12.396, 81.384
xyY	0.185, 0.108, 12.396
CIE-LCH	41.839, 98.333, 303.726
CIE-LUV	41.839, -4.753, -120.314
Hunter-Lab	35.208, 46.586, -112.405
Binary	01010111, 01000101, 11101101

#5745ed
```
#5745ed rgb(87,69,237)
```
#dbed45
```
#dbed45 rgb(219,237,69)
```

Complementary Color

#4587ed
```
#4587ed rgb(69,135,237)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#ab45ed
```
#ab45ed rgb(171,69,237)
```

Analogous Color

#87ed45
```
#87ed45 rgb(135,237,69)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#edab45
```
#edab45 rgb(237,171,69)
```

Split Complementary Color

#45ed57
```
#45ed57 rgb(69,237,87)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#ed5745
```
#ed5745 rgb(237,87,69)
```

Triadic Color

#45dbed
```
#45dbed rgb(69,219,237)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#ed5745
```
#ed5745 rgb(237,87,69)
```
#dbed45
```
#dbed45 rgb(219,237,69)
```

Tetradic Color

#2914d1
```
#2914d1 rgb(41,20,209)
```
#2d17e9
```
#2d17e9 rgb(45,23,233)
```
#422eeb
```
#422eeb rgb(66,46,235)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#6c5cef
```
#6c5cef rgb(108,92,239)
```
#8174f2
```
#8174f2 rgb(129,116,242)
```
#968bf4
```
#968bf4 rgb(150,139,244)
```

Monochromatic Color

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

#455ded
```
#455ded rgb(69,93,237)
```
#454fed
```
#454fed rgb(69,79,237)
```
#4945ed
```
#4945ed rgb(73,69,237)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#6545ed
```
#6545ed rgb(101,69,237)
```
#7345ed
```
#7345ed rgb(115,69,237)
```
#8145ed
```
#8145ed rgb(129,69,237)
```

Similar Colors

Text with hexadecimal color #5745ed

This text has a font color of #5745ed.

<span style="color:#5745ed;">Text here</span>

#5745ed background color

This paragraph has a background color of #5745ed.

<p style="background-color:#5745ed;">Content here</p>

#5745ed border color

This element has a border color of #5745ed.

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

CSS codes

.text {color:#5745ed;}

.background {background-color:#5745ed;}

.border {border:1px solid #5745ed;}

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, #02010b is the darkest color, while #f9f8fe is the lightest one.

#02010b
```
#02010b rgb(2,1,11)
```
#06031d
```
#06031d rgb(6,3,29)
```
#09042f
```
#09042f rgb(9,4,47)
```
#0c0640
```
#0c0640 rgb(12,6,64)
```
#100852
```
#100852 rgb(16,8,82)
```
#130a64
```
#130a64 rgb(19,10,100)
```
#170b76
```
#170b76 rgb(23,11,118)
```
#1a0d88
```
#1a0d88 rgb(26,13,136)
```
#1e0f9a
```
#1e0f9a rgb(30,15,154)
```
#2111ac
```
#2111ac rgb(33,17,172)
```
#2512be
```
#2512be rgb(37,18,190)
```
#2814cf
```
#2814cf rgb(40,20,207)
```
#2c16e1
```
#2c16e1 rgb(44,22,225)
```

Shade Color Variation

#3721ea
```
#3721ea rgb(55,33,234)
```
#4733eb
```
#4733eb rgb(71,51,235)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#6757ef
```
#6757ef rgb(103,87,239)
```
#7769f0
```
#7769f0 rgb(119,105,240)
```
#877bf2
```
#877bf2 rgb(135,123,242)
```
#988df4
```
#988df4 rgb(152,141,244)
```
#a89ef6
```
#a89ef6 rgb(168,158,246)
```
#b8b0f7
```
#b8b0f7 rgb(184,176,247)
```
#c8c2f9
```
#c8c2f9 rgb(200,194,249)
```
#d8d4fb
```
#d8d4fb rgb(216,212,251)
```
#e8e6fd
```
#e8e6fd rgb(232,230,253)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#95939f
```
#95939f rgb(149,147,159)
```
#8e8ca6
```
#8e8ca6 rgb(142,140,166)
```
#8884ae
```
#8884ae rgb(136,132,174)
```
#827cb6
```
#827cb6 rgb(130,124,182)
```
#7c74be
```
#7c74be rgb(124,116,190)
```
#766cc6
```
#766cc6 rgb(118,108,198)
```
#7064ce
```
#7064ce rgb(112,100,206)
```
#695dd5
```
#695dd5 rgb(105,93,213)
```
#6355dd
```
#6355dd rgb(99,85,221)
```
#5d4de5
```
#5d4de5 rgb(93,77,229)
```
#5745ed
```
#5745ed rgb(87,69,237)
```
#513df5
```
#513df5 rgb(81,61,245)
```
#4b35fd
```
#4b35fd rgb(75,53,253)
```

Tone Color Variation

Below, you can see how #5745ed 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

#5e5e5e Achromatopsia 0.005% of the population
#5d597b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#1f5bd6 Protanomaly 1% of men, 0.01% of women
#1f5ec6 Deuteranomaly 6% of men, 0.4% of women
#1f63a5 Tritanomaly 0.01% of the population

#5745ed hex color

#5745ed Color Information

#5745ed Color Conversion

Color Schemes with #5745ed

Alternatives to #5745ed

#5745ed Preview

Shades and Tints of #5745ed

Tones of #5745ed

Color Blindness Simulator