colorhexa.com

#574f72 hex color

In a RGB color space, hex #574f72 is composed of 34.1% red, 31% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 30.7% magenta, 0% yellow and 55.3% black. It has a hue angle of 253.7 degrees, a saturation of 18.1% and a lightness of 37.8%. #574f72 color hex could be obtained by blending #ae9ee4 with #000000. Closest websafe color is: #666666.

- R 34
- G 31
- B 45
RGB color chart
- C 24
- M 31
- Y 0
- K 55
CMYK color chart

● #574f72 color description : Very dark grayish blue.

The hexadecimal color #574f72 has RGB values of R:87, G:79, B:114 and CMYK values of C:0.24, M:0.31, Y:0, K:0.55. Its decimal value is 5721970.

Hex triplet	574f72	`#574f72`
RGB Decimal	87, 79, 114	`rgb(87,79,114)`
RGB Percent	34.1, 31, 44.7	`rgb(34.1%,31%,44.7%)`
CMYK	24, 31, 0, 55
HSL	253.7°, 18.1, 37.8	`hsl(253.7,18.1%,37.8%)`
HSV (or HSB)	253.7°, 30.7, 44.7
Web Safe	666666	`#666666`

CIE-LAB	35.661, 11.488, -18.854
XYZ	9.763, 8.833, 17.109
xyY	0.273, 0.247, 8.833
CIE-LCH	35.661, 22.078, 301.355
CIE-LUV	35.661, 1.804, -26.74
Hunter-Lab	29.72, 6.626, -13.327
Binary	01010111, 01001111, 01110010

#574f72
```
#574f72 rgb(87,79,114)
```
#6a724f
```
#6a724f rgb(106,114,79)
```

Complementary Color

#4f5972
```
#4f5972 rgb(79,89,114)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#694f72
```
#694f72 rgb(105,79,114)
```

Analogous Color

#59724f
```
#59724f rgb(89,114,79)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#72694f
```
#72694f rgb(114,105,79)
```

Split Complementary Color

#4f7257
```
#4f7257 rgb(79,114,87)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#72574f
```
#72574f rgb(114,87,79)
```

Triadic Color

#4f6a72
```
#4f6a72 rgb(79,106,114)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#72574f
```
#72574f rgb(114,87,79)
```
#6a724f
```
#6a724f rgb(106,114,79)
```

Tetradic Color

#353045
```
#353045 rgb(53,48,69)
```
#403a54
```
#403a54 rgb(64,58,84)
```
#4c4563
```
#4c4563 rgb(76,69,99)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#625981
```
#625981 rgb(98,89,129)
```
#6e6490
```
#6e6490 rgb(110,100,144)
```
#7b719d
```
#7b719d rgb(123,113,157)
```

Monochromatic Color

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

#4f5072
```
#4f5072 rgb(79,80,114)
```
#514f72
```
#514f72 rgb(81,79,114)
```
#544f72
```
#544f72 rgb(84,79,114)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#5a4f72
```
#5a4f72 rgb(90,79,114)
```
#5d4f72
```
#5d4f72 rgb(93,79,114)
```
#604f72
```
#604f72 rgb(96,79,114)
```

Similar Colors

Text with hexadecimal color #574f72

This text has a font color of #574f72.

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

#574f72 background color

This paragraph has a background color of #574f72.

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

#574f72 border color

This element has a border color of #574f72.

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

CSS codes

.text {color:#574f72;}

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

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

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, #07070a is the darkest color, while #fdfdfe is the lightest one.

#07070a
```
#07070a rgb(7,7,10)
```
#100f15
```
#100f15 rgb(16,15,21)
```
#191721
```
#191721 rgb(25,23,33)
```
#221f2c
```
#221f2c rgb(34,31,44)
```
#2b2738
```
#2b2738 rgb(43,39,56)
```
#342f44
```
#342f44 rgb(52,47,68)
```
#3c374f
```
#3c374f rgb(60,55,79)
```
#453f5b
```
#453f5b rgb(69,63,91)
```
#4e4766
```
#4e4766 rgb(78,71,102)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#60577e
```
#60577e rgb(96,87,126)
```
#695f89
```
#695f89 rgb(105,95,137)
```
#726795
```
#726795 rgb(114,103,149)
```

Shade Color Variation

#7c729d
```
#7c729d rgb(124,114,157)
```
#877ea5
```
#877ea5 rgb(135,126,165)
```
#9289ad
```
#9289ad rgb(146,137,173)
```
#9c95b5
```
#9c95b5 rgb(156,149,181)
```
#a7a0bd
```
#a7a0bd rgb(167,160,189)
```
#b2acc6
```
#b2acc6 rgb(178,172,198)
```
#bdb8ce
```
#bdb8ce rgb(189,184,206)
```
#c7c3d6
```
#c7c3d6 rgb(199,195,214)
```
#d2cfde
```
#d2cfde rgb(210,207,222)
```
#dddae6
```
#dddae6 rgb(221,218,230)
```
#e8e6ee
```
#e8e6ee rgb(232,230,238)
```
#f2f2f6
```
#f2f2f6 rgb(242,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5f5e63
```
#5f5e63 rgb(95,94,99)
```
#5b566b
```
#5b566b rgb(91,86,107)
```
#574f72
```
#574f72 rgb(87,79,114)
```
#534879
```
#534879 rgb(83,72,121)
```
#4f4081
```
#4f4081 rgb(79,64,129)
```
#4b3988
```
#4b3988 rgb(75,57,136)
```
#473190
```
#473190 rgb(71,49,144)
```
#432a97
```
#432a97 rgb(67,42,151)
```
#3f229f
```
#3f229f rgb(63,34,159)
```
#3b1ba6
```
#3b1ba6 rgb(59,27,166)
```
#3714ad
```
#3714ad rgb(55,20,173)
```
#330cb5
```
#330cb5 rgb(51,12,181)
```
#2f05bc
```
#2f05bc rgb(47,5,188)
```

Tone Color Variation

Below, you can see how #574f72 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
#55545b Atypical Achromatopsia 0.001% of the population

Dichromacy

#525b7b Protanopia 1% of men
#555b78 Deuteranopia 1% of men
#5a5c63 Tritanopia 0.001% of the population

Trichromacy

#545778 Protanomaly 1% of men, 0.01% of women
#555675 Deuteranomaly 6% of men, 0.4% of women
#595768 Tritanomaly 0.01% of the population