#5702a0 hex color

In a RGB color space, hex #5702a0 is composed of 34.1% red, 0.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 98.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 272.3 degrees, a saturation of 97.5% and a lightness of 31.8%. #5702a0 color hex could be obtained by blending #ae04ff with #000041. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 34
- G 1
- B 63
RGB color chart
- C 46
- M 99
- Y 0
- K 37
CMYK color chart

● #5702a0 color description : Dark violet.

The hexadecimal color #5702a0 has RGB values of R:87, G:2, B:160 and CMYK values of C:0.46, M:0.99, Y:0, K:0.37. Its decimal value is 5702304.

Hex triplet	5702a0	`#5702a0`
RGB Decimal	87, 2, 160	`rgb(87,2,160)`
RGB Percent	34.1, 0.8, 62.7	`rgb(34.1%,0.8%,62.7%)`
CMYK	46, 99, 0, 37
HSL	272.3°, 97.5, 31.8	`hsl(272.3,97.5%,31.8%)`
HSV (or HSB)	272.3°, 98.8, 62.7
Web Safe	660099	`#660099`

CIE-LAB	25.587, 59.099, -63.455
XYZ	10.296, 4.608, 33.603
xyY	0.212, 0.095, 4.608
CIE-LCH	25.587, 86.713, 312.964
CIE-LUV	25.587, 10.207, -79.242
Hunter-Lab	21.466, 48.055, -77.788
Binary	01010111, 00000010, 10100000

#5702a0
```
#5702a0 rgb(87,2,160)
```
#4ba002
```
#4ba002 rgb(75,160,2)
```

Complementary Color

#0802a0
```
#0802a0 rgb(8,2,160)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```
#a0029a
```
#a0029a rgb(160,2,154)
```

Analogous Color

#02a008
```
#02a008 rgb(2,160,8)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```
#9aa002
```
#9aa002 rgb(154,160,2)
```

Split Complementary Color

#02a057
```
#02a057 rgb(2,160,87)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```
#a05702
```
#a05702 rgb(160,87,2)
```

Triadic Color

#024ba0
```
#024ba0 rgb(2,75,160)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```
#a05702
```
#a05702 rgb(160,87,2)
```
#4ba002
```
#4ba002 rgb(75,160,2)
```

Tetradic Color

#2e0154
```
#2e0154 rgb(46,1,84)
```
#3c016e
```
#3c016e rgb(60,1,110)
```
#490287
```
#490287 rgb(73,2,135)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```
#6502b9
```
#6502b9 rgb(101,2,185)
```
#7203d2
```
#7203d2 rgb(114,3,210)
```
#8003ec
```
#8003ec rgb(128,3,236)
```

Monochromatic Color

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

#3002a0
```
#3002a0 rgb(48,2,160)
```
#3d02a0
```
#3d02a0 rgb(61,2,160)
```
#4a02a0
```
#4a02a0 rgb(74,2,160)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```
#6402a0
```
#6402a0 rgb(100,2,160)
```
#7102a0
```
#7102a0 rgb(113,2,160)
```
#7f02a0
```
#7f02a0 rgb(127,2,160)
```

Similar Colors

Text with hexadecimal color #5702a0

This text has a font color of #5702a0.

<span style="color:#5702a0;">Text here</span>

#5702a0 background color

This paragraph has a background color of #5702a0.

<p style="background-color:#5702a0;">Content here</p>

#5702a0 border color

This element has a border color of #5702a0.

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

CSS codes

.text {color:#5702a0;}

.background {background-color:#5702a0;}

.border {border:1px solid #5702a0;}

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

#030005
```
#030005 rgb(3,0,5)
```
#0d0018
```
#0d0018 rgb(13,0,24)
```
#18012c
```
#18012c rgb(24,1,44)
```
#22013f
```
#22013f rgb(34,1,63)
```
#2d0153
```
#2d0153 rgb(45,1,83)
```
#370166
```
#370166 rgb(55,1,102)
```
#420279
```
#420279 rgb(66,2,121)
```
#4c028d
```
#4c028d rgb(76,2,141)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```
#6202b3
```
#6202b3 rgb(98,2,179)
```
#6c02c7
```
#6c02c7 rgb(108,2,199)
```
#7703da
```
#7703da rgb(119,3,218)
```
#8103ed
```
#8103ed rgb(129,3,237)
```

Shade Color Variation

#8b08fc
```
#8b08fc rgb(139,8,252)
```
#941cfc
```
#941cfc rgb(148,28,252)
```
#9d2ffc
```
#9d2ffc rgb(157,47,252)
```
#a742fd
```
#a742fd rgb(167,66,253)
```
#b056fd
```
#b056fd rgb(176,86,253)
```
#b969fd
```
#b969fd rgb(185,105,253)
```
#c27cfd
```
#c27cfd rgb(194,124,253)
```
#cb90fe
```
#cb90fe rgb(203,144,254)
```
#d4a3fe
```
#d4a3fe rgb(212,163,254)
```
#ddb7fe
```
#ddb7fe rgb(221,183,254)
```
#e6cafe
```
#e6cafe rgb(230,202,254)
```
#efddff
```
#efddff rgb(239,221,255)
```
#f8f1ff
```
#f8f1ff rgb(248,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514d55 is the less saturated color, while #5702a0 is the most saturated one.

#514d55
```
#514d55 rgb(81,77,85)
```
#52475b
```
#52475b rgb(82,71,91)
```
#524062
```
#524062 rgb(82,64,98)
```
#533a68
```
#533a68 rgb(83,58,104)
```
#53346e
```
#53346e rgb(83,52,110)
```
#542e74
```
#542e74 rgb(84,46,116)
```
#54277b
```
#54277b rgb(84,39,123)
```
#552181
```
#552181 rgb(85,33,129)
```
#551b87
```
#551b87 rgb(85,27,135)
```
#56158d
```
#56158d rgb(86,21,141)
```
#560e94
```
#560e94 rgb(86,14,148)
```
#57089a
```
#57089a rgb(87,8,154)
```
#5702a0
```
#5702a0 rgb(87,2,160)
```

Tone Color Variation

Below, you can see how #5702a0 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

#2d2d2d Achromatopsia 0.005% of the population
#352444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004874 Deuteranopia 1% of men
#44464b Tritanopia 0.001% of the population

Trichromacy

#1f2c8f Protanomaly 1% of men, 0.01% of women
#1f2e84 Deuteranomaly 6% of men, 0.4% of women
#4b2d6a Tritanomaly 0.01% of the population

#5702a0 hex color

#5702a0 Color Information

#5702a0 Color Conversion

Color Schemes with #5702a0

Alternatives to #5702a0

#5702a0 Preview

Shades and Tints of #5702a0

Tones of #5702a0

Color Blindness Simulator