#5744aa hex color

In a RGB color space, hex #5744aa is composed of 34.1% red, 26.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 60% magenta, 0% yellow and 33.3% black. It has a hue angle of 251.2 degrees, a saturation of 42.9% and a lightness of 46.7%. #5744aa color hex could be obtained by blending #ae88ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 27
- B 67
RGB color chart
- C 49
- M 60
- Y 0
- K 33
CMYK color chart

● #5744aa color description : Dark moderate blue.

The hexadecimal color #5744aa has RGB values of R:87, G:68, B:170 and CMYK values of C:0.49, M:0.6, Y:0, K:0.33. Its decimal value is 5719210.

Hex triplet	5744aa	`#5744aa`
RGB Decimal	87, 68, 170	`rgb(87,68,170)`
RGB Percent	34.1, 26.7, 66.7	`rgb(34.1%,26.7%,66.7%)`
CMYK	49, 60, 0, 33
HSL	251.2°, 42.9, 46.7	`hsl(251.2,42.9%,46.7%)`
HSV (or HSB)	251.2°, 60, 66.7
Web Safe	663399	`#663399`

CIE-LAB	36.104, 34.681, -52.297
XYZ	13.252, 9.062, 39.079
xyY	0.216, 0.148, 9.062
CIE-LCH	36.104, 62.752, 303.551
CIE-LUV	36.104, 0.525, -76.13
Hunter-Lab	30.104, 25.895, -55.894
Binary	01010111, 01000100, 10101010

#5744aa
```
#5744aa rgb(87,68,170)
```
#97aa44
```
#97aa44 rgb(151,170,68)
```

Complementary Color

#4464aa
```
#4464aa rgb(68,100,170)
```
#5744aa
```
#5744aa rgb(87,68,170)
```
#8a44aa
```
#8a44aa rgb(138,68,170)
```

Analogous Color

#64aa44
```
#64aa44 rgb(100,170,68)
```
#5744aa
```
#5744aa rgb(87,68,170)
```
#aa8a44
```
#aa8a44 rgb(170,138,68)
```

Split Complementary Color

#44aa57
```
#44aa57 rgb(68,170,87)
```
#5744aa
```
#5744aa rgb(87,68,170)
```
#aa5744
```
#aa5744 rgb(170,87,68)
```

Triadic Color

#4497aa
```
#4497aa rgb(68,151,170)
```
#5744aa
```
#5744aa rgb(87,68,170)
```
#aa5744
```
#aa5744 rgb(170,87,68)
```
#97aa44
```
#97aa44 rgb(151,170,68)
```

Tetradic Color

#3b2e73
```
#3b2e73 rgb(59,46,115)
```
#443586
```
#443586 rgb(68,53,134)
```
#4e3d98
```
#4e3d98 rgb(78,61,152)
```
#5744aa
```
#5744aa rgb(87,68,170)
```
#634fb9
```
#634fb9 rgb(99,79,185)
```
#7361c0
```
#7361c0 rgb(115,97,192)
```
#8373c7
```
#8373c7 rgb(131,115,199)
```

Monochromatic Color

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

#444aaa
```
#444aaa rgb(68,74,170)
```
#4644aa
```
#4644aa rgb(70,68,170)
```
#4f44aa
```
#4f44aa rgb(79,68,170)
```
#5744aa
```
#5744aa rgb(87,68,170)
```
#6044aa
```
#6044aa rgb(96,68,170)
```
#6844aa
```
#6844aa rgb(104,68,170)
```
#7144aa
```
#7144aa rgb(113,68,170)
```

Similar Colors

Text with hexadecimal color #5744aa

This text has a font color of #5744aa.

<span style="color:#5744aa;">Text here</span>

#5744aa background color

This paragraph has a background color of #5744aa.

<p style="background-color:#5744aa;">Content here</p>

#5744aa border color

This element has a border color of #5744aa.

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

CSS codes

.text {color:#5744aa;}

.background {background-color:#5744aa;}

.border {border:1px solid #5744aa;}

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

#010102
```
#010102 rgb(1,1,2)
```
#080610
```
#080610 rgb(8,6,16)
```
#0f0c1e
```
#0f0c1e rgb(15,12,30)
```
#16122c
```
#16122c rgb(22,18,44)
```
#1e173a
```
#1e173a rgb(30,23,58)
```
#251d48
```
#251d48 rgb(37,29,72)
```
#2c2256
```
#2c2256 rgb(44,34,86)
```
#332864
```
#332864 rgb(51,40,100)
```
#3a2e72
```
#3a2e72 rgb(58,46,114)
```
#413380
```
#413380 rgb(65,51,128)
```
#49398e
```
#49398e rgb(73,57,142)
```
#503e9c
```
#503e9c rgb(80,62,156)
```
#5744aa
```
#5744aa rgb(87,68,170)
```

Shade Color Variation

#5f4bb7
```
#5f4bb7 rgb(95,75,183)
```
#6b59bc
```
#6b59bc rgb(107,89,188)
```
#7867c2
```
#7867c2 rgb(120,103,194)
```
#8475c8
```
#8475c8 rgb(132,117,200)
```
#9183cd
```
#9183cd rgb(145,131,205)
```
#9d91d3
```
#9d91d3 rgb(157,145,211)
```
#aa9fd9
```
#aa9fd9 rgb(170,159,217)
```
#b6adde
```
#b6adde rgb(182,173,222)
```
#c2bbe4
```
#c2bbe4 rgb(194,187,228)
```
#cfc9e9
```
#cfc9e9 rgb(207,201,233)
```
#dbd7ef
```
#dbd7ef rgb(219,215,239)
```
#e8e5f5
```
#e8e5f5 rgb(232,229,245)
```
#f4f3fa
```
#f4f3fa rgb(244,243,250)
```

Tint Color Variation

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

#74727c
```
#74727c rgb(116,114,124)
```
#6e6985
```
#6e6985 rgb(110,105,133)
```
#685f8f
```
#685f8f rgb(104,95,143)
```
#625698
```
#625698 rgb(98,86,152)
```
#5d4da1
```
#5d4da1 rgb(93,77,161)
```
#5744aa
```
#5744aa rgb(87,68,170)
```
#513bb3
```
#513bb3 rgb(81,59,179)
```
#4c32bc
```
#4c32bc rgb(76,50,188)
```
#4629c5
```
#4629c5 rgb(70,41,197)
```
#401fcf
```
#401fcf rgb(64,31,207)
```
#3a16d8
```
#3a16d8 rgb(58,22,216)
```
#350de1
```
#350de1 rgb(53,13,225)
```
#2f04ea
```
#2f04ea rgb(47,4,234)
```

Tone Color Variation

Below, you can see how #5744aa 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

#555555 Achromatopsia 0.005% of the population
#555266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab2 Protanopia 1% of men
#005f9d Deuteranopia 1% of men
#466269 Tritanopia 0.001% of the population

Trichromacy

#1f52af Protanomaly 1% of men, 0.01% of women
#1f55a2 Deuteranomaly 6% of men, 0.4% of women
#4c5780 Tritanomaly 0.01% of the population

#5744aa hex color

#5744aa Color Information

#5744aa Color Conversion

Color Schemes with #5744aa

Alternatives to #5744aa

#5744aa Preview

Shades and Tints of #5744aa

Tones of #5744aa

Color Blindness Simulator