#575baa hex color

In a RGB color space, hex #575baa is composed of 34.1% red, 35.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 46.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 237.1 degrees, a saturation of 32.8% and a lightness of 50.4%. #575baa color hex could be obtained by blending #aeb6ff with #000055. Closest websafe color is: #666699.

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

● #575baa color description : Dark moderate blue.

The hexadecimal color #575baa has RGB values of R:87, G:91, B:170 and CMYK values of C:0.49, M:0.46, Y:0, K:0.33. Its decimal value is 5725098.

Hex triplet	575baa	`#575baa`
RGB Decimal	87, 91, 170	`rgb(87,91,170)`
RGB Percent	34.1, 35.7, 66.7	`rgb(34.1%,35.7%,66.7%)`
CMYK	49, 46, 0, 33
HSL	237.1°, 32.8, 50.4	`hsl(237.1,32.8%,50.4%)`
HSV (or HSB)	237.1°, 48.8, 66.7
Web Safe	666699	`#666699`

CIE-LAB	41.861, 20.355, -43.045
XYZ	14.926, 12.41, 39.637
xyY	0.223, 0.185, 12.41
CIE-LCH	41.861, 47.615, 295.309
CIE-LUV	41.861, -6.128, -64.915
Hunter-Lab	35.228, 13.98, -42.051
Binary	01010111, 01011011, 10101010

#575baa
```
#575baa rgb(87,91,170)
```
#aaa657
```
#aaa657 rgb(170,166,87)
```

Complementary Color

#5785aa
```
#5785aa rgb(87,133,170)
```
#575baa
```
#575baa rgb(87,91,170)
```
#7d57aa
```
#7d57aa rgb(125,87,170)
```

Analogous Color

#85aa57
```
#85aa57 rgb(133,170,87)
```
#575baa
```
#575baa rgb(87,91,170)
```
#aa7d57
```
#aa7d57 rgb(170,125,87)
```

Split Complementary Color

#5baa57
```
#5baa57 rgb(91,170,87)
```
#575baa
```
#575baa rgb(87,91,170)
```
#aa575b
```
#aa575b rgb(170,87,91)
```

Triadic Color

#57aaa6
```
#57aaa6 rgb(87,170,166)
```
#575baa
```
#575baa rgb(87,91,170)
```
#aa575b
```
#aa575b rgb(170,87,91)
```
#aaa657
```
#aaa657 rgb(170,166,87)
```

Tetradic Color

#3d3f78
```
#3d3f78 rgb(61,63,120)
```
#454889
```
#454889 rgb(69,72,137)
```
#4e519a
```
#4e519a rgb(78,81,154)
```
#575baa
```
#575baa rgb(87,91,170)
```
#686cb3
```
#686cb3 rgb(104,108,179)
```
#797cbb
```
#797cbb rgb(121,124,187)
```
#8a8dc4
```
#8a8dc4 rgb(138,141,196)
```

Monochromatic Color

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

#5770aa
```
#5770aa rgb(87,112,170)
```
#5769aa
```
#5769aa rgb(87,105,170)
```
#5762aa
```
#5762aa rgb(87,98,170)
```
#575baa
```
#575baa rgb(87,91,170)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#6157aa
```
#6157aa rgb(97,87,170)
```
#6857aa
```
#6857aa rgb(104,87,170)
```

Similar Colors

Text with hexadecimal color #575baa

This text has a font color of #575baa.

<span style="color:#575baa;">Text here</span>

#575baa background color

This paragraph has a background color of #575baa.

<p style="background-color:#575baa;">Content here</p>

#575baa border color

This element has a border color of #575baa.

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

CSS codes

.text {color:#575baa;}

.background {background-color:#575baa;}

.border {border:1px solid #575baa;}

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

#010101
```
#010101 rgb(1,1,1)
```
#07080e
```
#07080e rgb(7,8,14)
```
#0e0f1b
```
#0e0f1b rgb(14,15,27)
```
#141528
```
#141528 rgb(20,21,40)
```
#1b1c35
```
#1b1c35 rgb(27,28,53)
```
#222342
```
#222342 rgb(34,35,66)
```
#282a4f
```
#282a4f rgb(40,42,79)
```
#2f315d
```
#2f315d rgb(47,49,93)
```
#35386a
```
#35386a rgb(53,56,106)
```
#3c3f77
```
#3c3f77 rgb(60,63,119)
```
#434684
```
#434684 rgb(67,70,132)
```
#494d91
```
#494d91 rgb(73,77,145)
```
#50549e
```
#50549e rgb(80,84,158)
```

Shade Color Variation

#575baa
```
#575baa rgb(87,91,170)
```
#6468b1
```
#6468b1 rgb(100,104,177)
```
#7174b7
```
#7174b7 rgb(113,116,183)
```
#7e81be
```
#7e81be rgb(126,129,190)
```
#8b8ec4
```
#8b8ec4 rgb(139,142,196)
```
#989bcb
```
#989bcb rgb(152,155,203)
```
#a5a7d2
```
#a5a7d2 rgb(165,167,210)
```
#b2b4d8
```
#b2b4d8 rgb(178,180,216)
```
#bfc1df
```
#bfc1df rgb(191,193,223)
```
#cccde5
```
#cccde5 rgb(204,205,229)
```
#d9daec
```
#d9daec rgb(217,218,236)
```
#e6e7f2
```
#e6e7f2 rgb(230,231,242)
```
#f3f4f9
```
#f3f4f9 rgb(243,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e83 is the less saturated color, while #0915f8 is the most saturated one.

#7e7e83
```
#7e7e83 rgb(126,126,131)
```
#74758d
```
#74758d rgb(116,117,141)
```
#6a6d97
```
#6a6d97 rgb(106,109,151)
```
#6164a0
```
#6164a0 rgb(97,100,160)
```
#575baa
```
#575baa rgb(87,91,170)
```
#4d52b4
```
#4d52b4 rgb(77,82,180)
```
#4449bd
```
#4449bd rgb(68,73,189)
```
#3a41c7
```
#3a41c7 rgb(58,65,199)
```
#3038d1
```
#3038d1 rgb(48,56,209)
```
#262fdb
```
#262fdb rgb(38,47,219)
```
#1d26e4
```
#1d26e4 rgb(29,38,228)
```
#131dee
```
#131dee rgb(19,29,238)
```
#0915f8
```
#0915f8 rgb(9,21,248)
```

Tone Color Variation

Below, you can see how #575baa 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

#636363 Achromatopsia 0.005% of the population
#616171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4568b2 Protanopia 1% of men
#396bab Deuteranopia 1% of men
#4b7078 Tritanopia 0.001% of the population

Trichromacy

#4b63af Protanomaly 1% of men, 0.01% of women
#4465aa Deuteranomaly 6% of men, 0.4% of women
#4f688a Tritanomaly 0.01% of the population

#575baa hex color

#575baa Color Information

#575baa Color Conversion

Color Schemes with #575baa

Alternatives to #575baa

#575baa Preview

Shades and Tints of #575baa

Tones of #575baa

Color Blindness Simulator