#574faf hex color

In a RGB color space, hex #574faf is composed of 34.1% red, 31% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 54.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 245 degrees, a saturation of 37.8% and a lightness of 49.8%. #574faf color hex could be obtained by blending #ae9eff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 31
- B 69
RGB color chart
- C 50
- M 55
- Y 0
- K 31
CMYK color chart

● #574faf color description : Dark moderate blue.

The hexadecimal color #574faf has RGB values of R:87, G:79, B:175 and CMYK values of C:0.5, M:0.55, Y:0, K:0.31. Its decimal value is 5722031.

Hex triplet	574faf	`#574faf`
RGB Decimal	87, 79, 175	`rgb(87,79,175)`
RGB Percent	34.1, 31, 68.6	`rgb(34.1%,31%,68.6%)`
CMYK	50, 55, 0, 31
HSL	245°, 37.8, 49.8	`hsl(245,37.8%,49.8%)`
HSV (or HSB)	245°, 54.9, 68.6
Web Safe	666699	`#666699`

CIE-LAB	39.093, 29.468, -50.44
XYZ	14.463, 10.713, 41.861
xyY	0.216, 0.16, 10.713
CIE-LCH	39.093, 58.417, 300.295
CIE-LUV	39.093, -2.783, -75.081
Hunter-Lab	32.731, 21.596, -52.918
Binary	01010111, 01001111, 10101111

#574faf
```
#574faf rgb(87,79,175)
```
#a7af4f
```
#a7af4f rgb(167,175,79)
```

Complementary Color

#4f77af
```
#4f77af rgb(79,119,175)
```
#574faf
```
#574faf rgb(87,79,175)
```
#874faf
```
#874faf rgb(135,79,175)
```

Analogous Color

#77af4f
```
#77af4f rgb(119,175,79)
```
#574faf
```
#574faf rgb(87,79,175)
```
#af874f
```
#af874f rgb(175,135,79)
```

Split Complementary Color

#4faf57
```
#4faf57 rgb(79,175,87)
```
#574faf
```
#574faf rgb(87,79,175)
```
#af574f
```
#af574f rgb(175,87,79)
```

Triadic Color

#4fa7af
```
#4fa7af rgb(79,167,175)
```
#574faf
```
#574faf rgb(87,79,175)
```
#af574f
```
#af574f rgb(175,87,79)
```
#a7af4f
```
#a7af4f rgb(167,175,79)
```

Tetradic Color

#3d377a
```
#3d377a rgb(61,55,122)
```
#463f8c
```
#463f8c rgb(70,63,140)
```
#4e479d
```
#4e479d rgb(78,71,157)
```
#574faf
```
#574faf rgb(87,79,175)
```
#6760b7
```
#6760b7 rgb(103,96,183)
```
#7872bf
```
#7872bf rgb(120,114,191)
```
#8983c7
```
#8983c7 rgb(137,131,199)
```

Monochromatic Color

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

#4f5faf
```
#4f5faf rgb(79,95,175)
```
#4f57af
```
#4f57af rgb(79,87,175)
```
#4f4faf
```
#4f4faf rgb(79,79,175)
```
#574faf
```
#574faf rgb(87,79,175)
```
#5f4faf
```
#5f4faf rgb(95,79,175)
```
#674faf
```
#674faf rgb(103,79,175)
```
#6f4faf
```
#6f4faf rgb(111,79,175)
```

Similar Colors

Text with hexadecimal color #574faf

This text has a font color of #574faf.

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

#574faf background color

This paragraph has a background color of #574faf.

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

#574faf border color

This element has a border color of #574faf.

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

CSS codes

.text {color:#574faf;}

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

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

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

#06060d
```
#06060d rgb(6,6,13)
```
#0d0c1a
```
#0d0c1a rgb(13,12,26)
```
#141228
```
#141228 rgb(20,18,40)
```
#1b1835
```
#1b1835 rgb(27,24,53)
```
#211e43
```
#211e43 rgb(33,30,67)
```
#282450
```
#282450 rgb(40,36,80)
```
#2f2a5e
```
#2f2a5e rgb(47,42,94)
```
#35306b
```
#35306b rgb(53,48,107)
```
#3c3779
```
#3c3779 rgb(60,55,121)
```
#433d86
```
#433d86 rgb(67,61,134)
```
#4a4394
```
#4a4394 rgb(74,67,148)
```
#5049a1
```
#5049a1 rgb(80,73,161)
```
#574faf
```
#574faf rgb(87,79,175)
```

Shade Color Variation

#645cb5
```
#645cb5 rgb(100,92,181)
```
#706abc
```
#706abc rgb(112,106,188)
```
#7d77c2
```
#7d77c2 rgb(125,119,194)
```
#8a85c8
```
#8a85c8 rgb(138,133,200)
```
#9792ce
```
#9792ce rgb(151,146,206)
```
#a4a0d4
```
#a4a0d4 rgb(164,160,212)
```
#b1adda
```
#b1adda rgb(177,173,218)
```
#bebbe0
```
#bebbe0 rgb(190,187,224)
```
#cbc8e6
```
#cbc8e6 rgb(203,200,230)
```
#d8d6ec
```
#d8d6ec rgb(216,214,236)
```
#e5e3f2
```
#e5e3f2 rgb(229,227,242)
```
#f1f1f9
```
#f1f1f9 rgb(241,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787688 is the less saturated color, while #1601fd is the most saturated one.

#787688
```
#787688 rgb(120,118,136)
```
#6f6c92
```
#6f6c92 rgb(111,108,146)
```
#67639b
```
#67639b rgb(103,99,155)
```
#5f59a5
```
#5f59a5 rgb(95,89,165)
```
#574faf
```
#574faf rgb(87,79,175)
```
#4f45b9
```
#4f45b9 rgb(79,69,185)
```
#473bc3
```
#473bc3 rgb(71,59,195)
```
#3f32cc
```
#3f32cc rgb(63,50,204)
```
#3628d6
```
#3628d6 rgb(54,40,214)
```
#2e1ee0
```
#2e1ee0 rgb(46,30,224)
```
#2614ea
```
#2614ea rgb(38,20,234)
```
#1e0bf3
```
#1e0bf3 rgb(30,11,243)
```
#1601fd
```
#1601fd rgb(22,1,253)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5b596d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f61bb Protanopia 1% of men
#0066a9 Deuteranopia 1% of men
#466a71 Tritanopia 0.001% of the population

Trichromacy

#335ab7 Protanomaly 1% of men, 0.01% of women
#1f5dab Deuteranomaly 6% of men, 0.4% of women
#4c6088 Tritanomaly 0.01% of the population

#574faf hex color

#574faf Color Information

#574faf Color Conversion

Color Schemes with #574faf

Alternatives to #574faf

#574faf Preview

Shades and Tints of #574faf

Tones of #574faf

Color Blindness Simulator