#574aa1 hex color

In a RGB color space, hex #574aa1 is composed of 34.1% red, 29% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 54% magenta, 0% yellow and 36.9% black. It has a hue angle of 249 degrees, a saturation of 37% and a lightness of 46.1%. #574aa1 color hex could be obtained by blending #ae94ff with #000043. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 29
- B 63
RGB color chart
- C 46
- M 54
- Y 0
- K 37
CMYK color chart

● #574aa1 color description : Dark moderate blue.

The hexadecimal color #574aa1 has RGB values of R:87, G:74, B:161 and CMYK values of C:0.46, M:0.54, Y:0, K:0.37. Its decimal value is 5720737.

Hex triplet	574aa1	`#574aa1`
RGB Decimal	87, 74, 161	`rgb(87,74,161)`
RGB Percent	34.1, 29, 63.1	`rgb(34.1%,29%,63.1%)`
CMYK	46, 54, 0, 37
HSL	249°, 37, 46.1	`hsl(249,37%,46.1%)`
HSV (or HSB)	249°, 54, 63.1
Web Safe	663399	`#663399`

CIE-LAB	36.924, 28.242, -45.592
XYZ	12.811, 9.497, 34.874
xyY	0.224, 0.166, 9.497
CIE-LCH	36.924, 53.631, 301.776
CIE-LUV	36.924, -0.316, -66.941
Hunter-Lab	30.817, 20.276, -45.525
Binary	01010111, 01001010, 10100001

#574aa1
```
#574aa1 rgb(87,74,161)
```
#94a14a
```
#94a14a rgb(148,161,74)
```

Complementary Color

#4a69a1
```
#4a69a1 rgb(74,105,161)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#834aa1
```
#834aa1 rgb(131,74,161)
```

Analogous Color

#69a14a
```
#69a14a rgb(105,161,74)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#a1834a
```
#a1834a rgb(161,131,74)
```

Split Complementary Color

#4aa157
```
#4aa157 rgb(74,161,87)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#a1574a
```
#a1574a rgb(161,87,74)
```

Triadic Color

#4a94a1
```
#4a94a1 rgb(74,148,161)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#a1574a
```
#a1574a rgb(161,87,74)
```
#94a14a
```
#94a14a rgb(148,161,74)
```

Tetradic Color

#3b326d
```
#3b326d rgb(59,50,109)
```
#443a7e
```
#443a7e rgb(68,58,126)
```
#4e4290
```
#4e4290 rgb(78,66,144)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#6254b0
```
#6254b0 rgb(98,84,176)
```
#7266b8
```
#7266b8 rgb(114,102,184)
```
#8277c0
```
#8277c0 rgb(130,119,192)
```

Monochromatic Color

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

#4a53a1
```
#4a53a1 rgb(74,83,161)
```
#4a4ca1
```
#4a4ca1 rgb(74,76,161)
```
#504aa1
```
#504aa1 rgb(80,74,161)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#5e4aa1
```
#5e4aa1 rgb(94,74,161)
```
#664aa1
```
#664aa1 rgb(102,74,161)
```
#6d4aa1
```
#6d4aa1 rgb(109,74,161)
```

Similar Colors

Text with hexadecimal color #574aa1

This text has a font color of #574aa1.

<span style="color:#574aa1;">Text here</span>

#574aa1 background color

This paragraph has a background color of #574aa1.

<p style="background-color:#574aa1;">Content here</p>

#574aa1 border color

This element has a border color of #574aa1.

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

CSS codes

.text {color:#574aa1;}

.background {background-color:#574aa1;}

.border {border:1px solid #574aa1;}

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, #07060d is the darkest color, while #ffffff is the lightest one.

#07060d
```
#07060d rgb(7,6,13)
```
#0e0c1b
```
#0e0c1b rgb(14,12,27)
```
#161228
```
#161228 rgb(22,18,40)
```
#1d1935
```
#1d1935 rgb(29,25,53)
```
#241f43
```
#241f43 rgb(36,31,67)
```
#2b2550
```
#2b2550 rgb(43,37,80)
```
#332b5e
```
#332b5e rgb(51,43,94)
```
#3a316b
```
#3a316b rgb(58,49,107)
```
#413779
```
#413779 rgb(65,55,121)
```
#483e86
```
#483e86 rgb(72,62,134)
```
#504494
```
#504494 rgb(80,68,148)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#5e50ae
```
#5e50ae rgb(94,80,174)
```

Shade Color Variation

#6b5db5
```
#6b5db5 rgb(107,93,181)
```
#776bbb
```
#776bbb rgb(119,107,187)
```
#8378c1
```
#8378c1 rgb(131,120,193)
```
#9086c7
```
#9086c7 rgb(144,134,199)
```
#9c93cd
```
#9c93cd rgb(156,147,205)
```
#a8a1d4
```
#a8a1d4 rgb(168,161,212)
```
#b5aeda
```
#b5aeda rgb(181,174,218)
```
#c1bce0
```
#c1bce0 rgb(193,188,224)
```
#cdc9e6
```
#cdc9e6 rgb(205,201,230)
```
#dad6ec
```
#dad6ec rgb(218,214,236)
```
#e6e4f3
```
#e6e4f3 rgb(230,228,243)
```
#f2f1f9
```
#f2f1f9 rgb(242,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706e7d is the less saturated color, while #2402e9 is the most saturated one.

#706e7d
```
#706e7d rgb(112,110,125)
```
#6a6586
```
#6a6586 rgb(106,101,134)
```
#645c8f
```
#645c8f rgb(100,92,143)
```
#5d5398
```
#5d5398 rgb(93,83,152)
```
#574aa1
```
#574aa1 rgb(87,74,161)
```
#5141aa
```
#5141aa rgb(81,65,170)
```
#4a38b3
```
#4a38b3 rgb(74,56,179)
```
#442fbc
```
#442fbc rgb(68,47,188)
```
#3e26c5
```
#3e26c5 rgb(62,38,197)
```
#371dce
```
#371dce rgb(55,29,206)
```
#3114d7
```
#3114d7 rgb(49,20,215)
```
#2b0be0
```
#2b0be0 rgb(43,11,224)
```
#2402e9
```
#2402e9 rgb(36,2,233)
```

Tone Color Variation

Below, you can see how #574aa1 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

#585858 Achromatopsia 0.005% of the population
#585567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#285cae Protanopia 1% of men
#1a61a0 Deuteranopia 1% of men
#4b636a Tritanopia 0.001% of the population

Trichromacy

#3956a9 Protanomaly 1% of men, 0.01% of women
#3058a0 Deuteranomaly 6% of men, 0.4% of women
#4f5a7e Tritanomaly 0.01% of the population

#574aa1 hex color

#574aa1 Color Information

#574aa1 Color Conversion

Color Schemes with #574aa1

Alternatives to #574aa1

#574aa1 Preview

Shades and Tints of #574aa1

Tones of #574aa1

Color Blindness Simulator