#570baa hex color

In a RGB color space, hex #570baa is composed of 34.1% red, 4.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 93.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 268.7 degrees, a saturation of 87.8% and a lightness of 35.5%. #570baa color hex could be obtained by blending #ae16ff with #000055. Closest websafe color is: #660099.

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

● #570baa color description : Dark violet.

The hexadecimal color #570baa has RGB values of R:87, G:11, B:170 and CMYK values of C:0.49, M:0.94, Y:0, K:0.33. Its decimal value is 5704618.

Hex triplet	570baa	`#570baa`
RGB Decimal	87, 11, 170	`rgb(87,11,170)`
RGB Percent	34.1, 4.3, 66.7	`rgb(34.1%,4.3%,66.7%)`
CMYK	49, 94, 0, 33
HSL	268.7°, 87.8, 35.5	`hsl(268.7,87.8%,35.5%)`
HSV (or HSB)	268.7°, 93.5, 66.7
Web Safe	660099	`#660099`

CIE-LAB	27.208, 59.651, -66.845
XYZ	11.305, 5.168, 38.43
xyY	0.206, 0.094, 5.168
CIE-LCH	27.208, 89.591, 311.745
CIE-LUV	27.208, 8.382, -85.054
Hunter-Lab	22.733, 48.983, -84.317
Binary	01010111, 00001011, 10101010

#570baa
```
#570baa rgb(87,11,170)
```
#5eaa0b
```
#5eaa0b rgb(94,170,11)
```

Complementary Color

#0b0eaa
```
#0b0eaa rgb(11,14,170)
```
#570baa
```
#570baa rgb(87,11,170)
```
#a70baa
```
#a70baa rgb(167,11,170)
```

Analogous Color

#0eaa0b
```
#0eaa0b rgb(14,170,11)
```
#570baa
```
#570baa rgb(87,11,170)
```
#aaa70b
```
#aaa70b rgb(170,167,11)
```

Split Complementary Color

#0baa57
```
#0baa57 rgb(11,170,87)
```
#570baa
```
#570baa rgb(87,11,170)
```
#aa570b
```
#aa570b rgb(170,87,11)
```

Triadic Color

#0b5eaa
```
#0b5eaa rgb(11,94,170)
```
#570baa
```
#570baa rgb(87,11,170)
```
#aa570b
```
#aa570b rgb(170,87,11)
```
#5eaa0b
```
#5eaa0b rgb(94,170,11)
```

Tetradic Color

#320662
```
#320662 rgb(50,6,98)
```
#3e087a
```
#3e087a rgb(62,8,122)
```
#4b0992
```
#4b0992 rgb(75,9,146)
```
#570baa
```
#570baa rgb(87,11,170)
```
#630dc2
```
#630dc2 rgb(99,13,194)
```
#700eda
```
#700eda rgb(112,14,218)
```
#7c12f0
```
#7c12f0 rgb(124,18,240)
```

Monochromatic Color

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

#2f0baa
```
#2f0baa rgb(47,11,170)
```
#3d0baa
```
#3d0baa rgb(61,11,170)
```
#4a0baa
```
#4a0baa rgb(74,11,170)
```
#570baa
```
#570baa rgb(87,11,170)
```
#640baa
```
#640baa rgb(100,11,170)
```
#720baa
```
#720baa rgb(114,11,170)
```
#7f0baa
```
#7f0baa rgb(127,11,170)
```

Similar Colors

Text with hexadecimal color #570baa

This text has a font color of #570baa.

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

#570baa background color

This paragraph has a background color of #570baa.

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

#570baa border color

This element has a border color of #570baa.

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

CSS codes

.text {color:#570baa;}

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

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0c0117
```
#0c0117 rgb(12,1,23)
```
#150329
```
#150329 rgb(21,3,41)
```
#1e043b
```
#1e043b rgb(30,4,59)
```
#28054e
```
#28054e rgb(40,5,78)
```
#310660
```
#310660 rgb(49,6,96)
```
#3b0773
```
#3b0773 rgb(59,7,115)
```
#440985
```
#440985 rgb(68,9,133)
```
#4e0a98
```
#4e0a98 rgb(78,10,152)
```
#570baa
```
#570baa rgb(87,11,170)
```
#600cbc
```
#600cbc rgb(96,12,188)
```
#6a0dcf
```
#6a0dcf rgb(106,13,207)
```
#730fe1
```
#730fe1 rgb(115,15,225)
```

Shade Color Variation

#7d14f0
```
#7d14f0 rgb(125,20,240)
```
#8726f1
```
#8726f1 rgb(135,38,241)
```
#9139f2
```
#9139f2 rgb(145,57,242)
```
#9b4bf3
```
#9b4bf3 rgb(155,75,243)
```
#a65df5
```
#a65df5 rgb(166,93,245)
```
#b070f6
```
#b070f6 rgb(176,112,246)
```
#ba82f7
```
#ba82f7 rgb(186,130,247)
```
#c495f8
```
#c495f8 rgb(196,149,248)
```
#cea7f9
```
#cea7f9 rgb(206,167,249)
```
#d9b9fb
```
#d9b9fb rgb(217,185,251)
```
#e3ccfc
```
#e3ccfc rgb(227,204,252)
```
#eddefd
```
#eddefd rgb(237,222,253)
```
#f7f1fe
```
#f7f1fe rgb(247,241,254)
```

Tint Color Variation

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

#5a585d
```
#5a585d rgb(90,88,93)
```
#5a5164
```
#5a5164 rgb(90,81,100)
```
#5a4a6b
```
#5a4a6b rgb(90,74,107)
```
#594372
```
#594372 rgb(89,67,114)
```
#593c79
```
#593c79 rgb(89,60,121)
```
#593580
```
#593580 rgb(89,53,128)
```
#592e87
```
#592e87 rgb(89,46,135)
```
#58278e
```
#58278e rgb(88,39,142)
```
#582095
```
#582095 rgb(88,32,149)
```
#58199c
```
#58199c rgb(88,25,156)
```
#5712a3
```
#5712a3 rgb(87,18,163)
```
#570baa
```
#570baa rgb(87,11,170)
```
#5704b1
```
#5704b1 rgb(87,4,177)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3b2c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488b Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#3f4c51 Tritanopia 0.001% of the population

Trichromacy

#1f3196 Protanomaly 1% of men, 0.01% of women
#1f348b Deuteranomaly 6% of men, 0.4% of women
#483471 Tritanomaly 0.01% of the population

#570baa hex color

#570baa Color Information

#570baa Color Conversion

Color Schemes with #570baa

Alternatives to #570baa

#570baa Preview

Shades and Tints of #570baa

Tones of #570baa

Color Blindness Simulator