#5745c4 hex color

In a RGB color space, hex #5745c4 is composed of 34.1% red, 27.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 64.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 248.5 degrees, a saturation of 51.8% and a lightness of 52%. #5745c4 color hex could be obtained by blending #ae8aff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 27
- B 77
RGB color chart
- C 56
- M 65
- Y 0
- K 23
CMYK color chart

● #5745c4 color description : Moderate blue.

The hexadecimal color #5745c4 has RGB values of R:87, G:69, B:196 and CMYK values of C:0.56, M:0.65, Y:0, K:0.23. Its decimal value is 5719492.

Hex triplet	5745c4	`#5745c4`
RGB Decimal	87, 69, 196	`rgb(87,69,196)`
RGB Percent	34.1, 27.1, 76.9	`rgb(34.1%,27.1%,76.9%)`
CMYK	56, 65, 0, 23
HSL	248.5°, 51.8, 52	`hsl(248.5,51.8%,52%)`
HSV (or HSB)	248.5°, 64.8, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.318, 42.065, -64.029
XYZ	16.021, 10.267, 53.359
xyY	0.201, 0.129, 10.267
CIE-LCH	38.318, 76.61, 303.303
CIE-LUV	38.318, -1.851, -93.853
Hunter-Lab	32.043, 33.17, -76.302
Binary	01010111, 01000101, 11000100

#5745c4
```
#5745c4 rgb(87,69,196)
```
#b2c445
```
#b2c445 rgb(178,196,69)
```

Complementary Color

#4573c4
```
#4573c4 rgb(69,115,196)
```
#5745c4
```
#5745c4 rgb(87,69,196)
```
#9745c4
```
#9745c4 rgb(151,69,196)
```

Analogous Color

#73c445
```
#73c445 rgb(115,196,69)
```
#5745c4
```
#5745c4 rgb(87,69,196)
```
#c49745
```
#c49745 rgb(196,151,69)
```

Split Complementary Color

#45c457
```
#45c457 rgb(69,196,87)
```
#5745c4
```
#5745c4 rgb(87,69,196)
```
#c45745
```
#c45745 rgb(196,87,69)
```

Triadic Color

#45b2c4
```
#45b2c4 rgb(69,178,196)
```
#5745c4
```
#5745c4 rgb(87,69,196)
```
#c45745
```
#c45745 rgb(196,87,69)
```
#b2c445
```
#b2c445 rgb(178,196,69)
```

Tetradic Color

#3b2d8f
```
#3b2d8f rgb(59,45,143)
```
#4334a2
```
#4334a2 rgb(67,52,162)
```
#4b3ab6
```
#4b3ab6 rgb(75,58,182)
```
#5745c4
```
#5745c4 rgb(87,69,196)
```
#6858ca
```
#6858ca rgb(104,88,202)
```
#7a6cd0
```
#7a6cd0 rgb(122,108,208)
```
#8b7fd6
```
#8b7fd6 rgb(139,127,214)
```

Monochromatic Color

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

#4553c4
```
#4553c4 rgb(69,83,196)
```
#4548c4
```
#4548c4 rgb(69,72,196)
```
#4c45c4
```
#4c45c4 rgb(76,69,196)
```
#5745c4
```
#5745c4 rgb(87,69,196)
```
#6245c4
```
#6245c4 rgb(98,69,196)
```
#6c45c4
```
#6c45c4 rgb(108,69,196)
```
#7745c4
```
#7745c4 rgb(119,69,196)
```

Similar Colors

Text with hexadecimal color #5745c4

This text has a font color of #5745c4.

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

#5745c4 background color

This paragraph has a background color of #5745c4.

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

#5745c4 border color

This element has a border color of #5745c4.

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

CSS codes

.text {color:#5745c4;}

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

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

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

#030208
```
#030208 rgb(3,2,8)
```
#090716
```
#090716 rgb(9,7,22)
```
#0f0c25
```
#0f0c25 rgb(15,12,37)
```
#161134
```
#161134 rgb(22,17,52)
```
#1c1543
```
#1c1543 rgb(28,21,67)
```
#221a52
```
#221a52 rgb(34,26,82)
```
#281f61
```
#281f61 rgb(40,31,97)
```
#2e2370
```
#2e2370 rgb(46,35,112)
```
#34287f
```
#34287f rgb(52,40,127)
```
#3b2d8e
```
#3b2d8e rgb(59,45,142)
```
#41329d
```
#41329d rgb(65,50,157)
```
#4736ab
```
#4736ab rgb(71,54,171)
```
#4d3bba
```
#4d3bba rgb(77,59,186)
```

Shade Color Variation

#5745c4
```
#5745c4 rgb(87,69,196)
```
#6454c9
```
#6454c9 rgb(100,84,201)
```
#7263cd
```
#7263cd rgb(114,99,205)
```
#7f72d2
```
#7f72d2 rgb(127,114,210)
```
#8d81d7
```
#8d81d7 rgb(141,129,215)
```
#9a8fdc
```
#9a8fdc rgb(154,143,220)
```
#a89ee0
```
#a89ee0 rgb(168,158,224)
```
#b5ade5
```
#b5ade5 rgb(181,173,229)
```
#c3bcea
```
#c3bcea rgb(195,188,234)
```
#d0cbef
```
#d0cbef rgb(208,203,239)
```
#dedaf3
```
#dedaf3 rgb(222,218,243)
```
#ebe9f8
```
#ebe9f8 rgb(235,233,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#807e8b
```
#807e8b rgb(128,126,139)
```
#797495
```
#797495 rgb(121,116,149)
```
#726b9e
```
#726b9e rgb(114,107,158)
```
#6b61a8
```
#6b61a8 rgb(107,97,168)
```
#6558b1
```
#6558b1 rgb(101,88,177)
```
#5e4ebb
```
#5e4ebb rgb(94,78,187)
```
#5745c4
```
#5745c4 rgb(87,69,196)
```
#503ccd
```
#503ccd rgb(80,60,205)
```
#4932d7
```
#4932d7 rgb(73,50,215)
```
#4329e0
```
#4329e0 rgb(67,41,224)
```
#3c1fea
```
#3c1fea rgb(60,31,234)
```
#3516f3
```
#3516f3 rgb(53,22,243)
```
#2e0cfd
```
#2e0cfd rgb(46,12,253)
```

Tone Color Variation

Below, you can see how #5745c4 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
#59556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0065a4 Deuteranopia 1% of men
#356a71 Tritanopia 0.001% of the population

Trichromacy

#1f56be Protanomaly 1% of men, 0.01% of women
#1f59af Deuteranomaly 6% of men, 0.4% of women
#415c8f Tritanomaly 0.01% of the population

#5745c4 hex color

#5745c4 Color Information

#5745c4 Color Conversion

Color Schemes with #5745c4

Alternatives to #5745c4

#5745c4 Preview

Shades and Tints of #5745c4

Tones of #5745c4

Color Blindness Simulator