#5f57a0 hex color

In a RGB color space, hex #5f57a0 is composed of 37.3% red, 34.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 45.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 246.6 degrees, a saturation of 29.6% and a lightness of 48.4%. #5f57a0 color hex could be obtained by blending #beaeff with #000041. Closest websafe color is: #666699.

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

● #5f57a0 color description : Dark moderate blue.

The hexadecimal color #5f57a0 has RGB values of R:95, G:87, B:160 and CMYK values of C:0.41, M:0.46, Y:0, K:0.37. Its decimal value is 6248352.

Hex triplet	5f57a0	`#5f57a0`
RGB Decimal	95, 87, 160	`rgb(95,87,160)`
RGB Percent	37.3, 34.1, 62.7	`rgb(37.3%,34.1%,62.7%)`
CMYK	41, 46, 0, 37
HSL	246.6°, 29.6, 48.4	`hsl(246.6,29.6%,48.4%)`
HSV (or HSB)	246.6°, 45.6, 62.7
Web Safe	666699	`#666699`

CIE-LAB	40.876, 21.836, -38.639
XYZ	14.471, 11.787, 34.768
xyY	0.237, 0.193, 11.787
CIE-LCH	40.876, 44.383, 299.472
CIE-LUV	40.876, -1.065, -58.155
Hunter-Lab	34.332, 15.158, -36.011
Binary	01011111, 01010111, 10100000

#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#98a057
```
#98a057 rgb(152,160,87)
```

Complementary Color

#5774a0
```
#5774a0 rgb(87,116,160)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#8457a0
```
#8457a0 rgb(132,87,160)
```

Analogous Color

#74a057
```
#74a057 rgb(116,160,87)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#a08457
```
#a08457 rgb(160,132,87)
```

Split Complementary Color

#57a05f
```
#57a05f rgb(87,160,95)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#a05f57
```
#a05f57 rgb(160,95,87)
```

Triadic Color

#5798a0
```
#5798a0 rgb(87,152,160)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#a05f57
```
#a05f57 rgb(160,95,87)
```
#98a057
```
#98a057 rgb(152,160,87)
```

Tetradic Color

#423c6e
```
#423c6e rgb(66,60,110)
```
#4b457f
```
#4b457f rgb(75,69,127)
```
#554e8f
```
#554e8f rgb(85,78,143)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#6d65ab
```
#6d65ab rgb(109,101,171)
```
#7d76b4
```
#7d76b4 rgb(125,118,180)
```
#8c86bd
```
#8c86bd rgb(140,134,189)
```

Monochromatic Color

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

#5761a0
```
#5761a0 rgb(87,97,160)
```
#575ba0
```
#575ba0 rgb(87,91,160)
```
#5957a0
```
#5957a0 rgb(89,87,160)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#6557a0
```
#6557a0 rgb(101,87,160)
```
#6b57a0
```
#6b57a0 rgb(107,87,160)
```
#7157a0
```
#7157a0 rgb(113,87,160)
```

Similar Colors

Text with hexadecimal color #5f57a0

This text has a font color of #5f57a0.

<span style="color:#5f57a0;">Text here</span>

#5f57a0 background color

This paragraph has a background color of #5f57a0.

<p style="background-color:#5f57a0;">Content here</p>

#5f57a0 border color

This element has a border color of #5f57a0.

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

CSS codes

.text {color:#5f57a0;}

.background {background-color:#5f57a0;}

.border {border:1px solid #5f57a0;}

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

#040408
```
#040408 rgb(4,4,8)
```
#0c0b14
```
#0c0b14 rgb(12,11,20)
```
#141221
```
#141221 rgb(20,18,33)
```
#1b192e
```
#1b192e rgb(27,25,46)
```
#23203a
```
#23203a rgb(35,32,58)
```
#2a2747
```
#2a2747 rgb(42,39,71)
```
#322e54
```
#322e54 rgb(50,46,84)
```
#393460
```
#393460 rgb(57,52,96)
```
#413b6d
```
#413b6d rgb(65,59,109)
```
#48427a
```
#48427a rgb(72,66,122)
```
#504987
```
#504987 rgb(80,73,135)
```
#575093
```
#575093 rgb(87,80,147)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```

Shade Color Variation

#6961a9
```
#6961a9 rgb(105,97,169)
```
#756eb0
```
#756eb0 rgb(117,110,176)
```
#817bb7
```
#817bb7 rgb(129,123,183)
```
#8d87be
```
#8d87be rgb(141,135,190)
```
#9a94c5
```
#9a94c5 rgb(154,148,197)
```
#a6a1cc
```
#a6a1cc rgb(166,161,204)
```
#b2aed3
```
#b2aed3 rgb(178,174,211)
```
#bebada
```
#bebada rgb(190,186,218)
```
#cac7e1
```
#cac7e1 rgb(202,199,225)
```
#d6d4e7
```
#d6d4e7 rgb(214,212,231)
```
#e2e0ee
```
#e2e0ee rgb(226,224,238)
```
#eeedf5
```
#eeedf5 rgb(238,237,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#757484
```
#757484 rgb(117,116,132)
```
#6e6a8d
```
#6e6a8d rgb(110,106,141)
```
#666197
```
#666197 rgb(102,97,151)
```
#5f57a0
```
#5f57a0 rgb(95,87,160)
```
#584eaa
```
#584eaa rgb(88,78,170)
```
#5044b3
```
#5044b3 rgb(80,68,179)
```
#493bbd
```
#493bbd rgb(73,59,189)
```
#4131c6
```
#4131c6 rgb(65,49,198)
```
#3a28d0
```
#3a28d0 rgb(58,40,208)
```
#321ed9
```
#321ed9 rgb(50,30,217)
```
#2b15e3
```
#2b15e3 rgb(43,21,227)
```
#240bec
```
#240bec rgb(36,11,236)
```
#1c01f6
```
#1c01f6 rgb(28,1,246)
```

Tone Color Variation

Below, you can see how #5f57a0 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

#626262 Achromatopsia 0.005% of the population
#61606e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4866aa Protanopia 1% of men
#4368a1 Deuteranopia 1% of men
#586b73 Tritanopia 0.001% of the population

Trichromacy

#5060a6 Protanomaly 1% of men, 0.01% of women
#4d62a0 Deuteranomaly 6% of men, 0.4% of women
#5a6483 Tritanomaly 0.01% of the population

#5f57a0 hex color

#5f57a0 Color Information

#5f57a0 Color Conversion

Color Schemes with #5f57a0

Alternatives to #5f57a0

#5f57a0 Preview

Shades and Tints of #5f57a0

Tones of #5f57a0

Color Blindness Simulator