#574f8e hex color

In a RGB color space, hex #574f8e is composed of 34.1% red, 31% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 44.4% magenta, 0% yellow and 44.3% black. It has a hue angle of 247.6 degrees, a saturation of 28.5% and a lightness of 43.3%. #574f8e color hex could be obtained by blending #ae9eff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 31
- B 56
RGB color chart
- C 39
- M 44
- Y 0
- K 44
CMYK color chart

● #574f8e color description : Mostly desaturated dark blue.

The hexadecimal color #574f8e has RGB values of R:87, G:79, B:142 and CMYK values of C:0.39, M:0.44, Y:0, K:0.44. Its decimal value is 5721998.

Hex triplet	574f8e	`#574f8e`
RGB Decimal	87, 79, 142	`rgb(87,79,142)`
RGB Percent	34.1, 31, 55.7	`rgb(34.1%,31%,55.7%)`
CMYK	39, 44, 0, 44
HSL	247.6°, 28.5, 43.3	`hsl(247.6,28.5%,43.3%)`
HSV (or HSB)	247.6°, 44.4, 55.7
Web Safe	666699	`#666699`

CIE-LAB	37.061, 19.359, -33.894
XYZ	11.608, 9.571, 26.825
xyY	0.242, 0.199, 9.571
CIE-LCH	37.061, 39.034, 299.733
CIE-LUV	37.061, -0.386, -49.527
Hunter-Lab	30.937, 12.836, -29.754
Binary	01010111, 01001111, 10001110

#574f8e
```
#574f8e rgb(87,79,142)
```
#868e4f
```
#868e4f rgb(134,142,79)
```

Complementary Color

#4f678e
```
#4f678e rgb(79,103,142)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#774f8e
```
#774f8e rgb(119,79,142)
```

Analogous Color

#678e4f
```
#678e4f rgb(103,142,79)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#8e774f
```
#8e774f rgb(142,119,79)
```

Split Complementary Color

#4f8e57
```
#4f8e57 rgb(79,142,87)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#8e574f
```
#8e574f rgb(142,87,79)
```

Triadic Color

#4f868e
```
#4f868e rgb(79,134,142)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#8e574f
```
#8e574f rgb(142,87,79)
```
#868e4f
```
#868e4f rgb(134,142,79)
```

Tetradic Color

#39345d
```
#39345d rgb(57,52,93)
```
#433d6d
```
#433d6d rgb(67,61,109)
```
#4d467e
```
#4d467e rgb(77,70,126)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#61589e
```
#61589e rgb(97,88,158)
```
#6f66aa
```
#6f66aa rgb(111,102,170)
```
#7e76b3
```
#7e76b3 rgb(126,118,179)
```

Monochromatic Color

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

#4f578e
```
#4f578e rgb(79,87,142)
```
#4f528e
```
#4f528e rgb(79,82,142)
```
#524f8e
```
#524f8e rgb(82,79,142)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#5c4f8e
```
#5c4f8e rgb(92,79,142)
```
#624f8e
```
#624f8e rgb(98,79,142)
```
#674f8e
```
#674f8e rgb(103,79,142)
```

Similar Colors

Text with hexadecimal color #574f8e

This text has a font color of #574f8e.

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

#574f8e background color

This paragraph has a background color of #574f8e.

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

#574f8e border color

This element has a border color of #574f8e.

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

CSS codes

.text {color:#574f8e;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0910
```
#0a0910 rgb(10,9,16)
```
#12101d
```
#12101d rgb(18,16,29)
```
#191729
```
#191729 rgb(25,23,41)
```
#211e36
```
#211e36 rgb(33,30,54)
```
#292542
```
#292542 rgb(41,37,66)
```
#302c4f
```
#302c4f rgb(48,44,79)
```
#38335c
```
#38335c rgb(56,51,92)
```
#403a68
```
#403a68 rgb(64,58,104)
```
#484175
```
#484175 rgb(72,65,117)
```
#4f4881
```
#4f4881 rgb(79,72,129)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#5f569b
```
#5f569b rgb(95,86,155)
```

Shade Color Variation

#685fa6
```
#685fa6 rgb(104,95,166)
```
#736bad
```
#736bad rgb(115,107,173)
```
#7f78b4
```
#7f78b4 rgb(127,120,180)
```
#8b84bb
```
#8b84bb rgb(139,132,187)
```
#9791c2
```
#9791c2 rgb(151,145,194)
```
#a39ec9
```
#a39ec9 rgb(163,158,201)
```
#afaad0
```
#afaad0 rgb(175,170,208)
```
#bbb7d7
```
#bbb7d7 rgb(187,183,215)
```
#c7c3de
```
#c7c3de rgb(199,195,222)
```
#d3d0e5
```
#d3d0e5 rgb(211,208,229)
```
#deddec
```
#deddec rgb(222,221,236)
```
#eae9f3
```
#eae9f3 rgb(234,233,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6975 is the less saturated color, while #1e02db is the most saturated one.

#6a6975
```
#6a6975 rgb(106,105,117)
```
#64607d
```
#64607d rgb(100,96,125)
```
#5d5886
```
#5d5886 rgb(93,88,134)
```
#574f8e
```
#574f8e rgb(87,79,142)
```
#514797
```
#514797 rgb(81,71,151)
```
#4a3e9f
```
#4a3e9f rgb(74,62,159)
```
#4436a8
```
#4436a8 rgb(68,54,168)
```
#3e2db0
```
#3e2db0 rgb(62,45,176)
```
#3725b9
```
#3725b9 rgb(55,37,185)
```
#311cc1
```
#311cc1 rgb(49,28,193)
```
#2b14ca
```
#2b14ca rgb(43,20,202)
```
#240bd2
```
#240bd2 rgb(36,11,210)
```
#1e02db
```
#1e02db rgb(30,2,219)
```

Tone Color Variation

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

Dichromacy

#455e98 Protanopia 1% of men
#426090 Deuteranopia 1% of men
#536269 Tritanopia 0.001% of the population

Trichromacy

#4b5894 Protanomaly 1% of men, 0.01% of women
#4a598f Deuteranomaly 6% of men, 0.4% of women
#545b76 Tritanomaly 0.01% of the population

#574f8e hex color

#574f8e Color Information

#574f8e Color Conversion

Color Schemes with #574f8e

Alternatives to #574f8e

#574f8e Preview

Shades and Tints of #574f8e

Tones of #574f8e

Color Blindness Simulator