#5f57a5 hex color

In a RGB color space, hex #5f57a5 is composed of 37.3% red, 34.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 47.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 246.2 degrees, a saturation of 31% and a lightness of 49.4%. #5f57a5 color hex could be obtained by blending #beaeff with #00004b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 34
- B 65
RGB color chart
- C 42
- M 47
- Y 0
- K 35
CMYK color chart

● #5f57a5 color description : Dark moderate blue.

The hexadecimal color #5f57a5 has RGB values of R:95, G:87, B:165 and CMYK values of C:0.42, M:0.47, Y:0, K:0.35. Its decimal value is 6248357.

Hex triplet	5f57a5	`#5f57a5`
RGB Decimal	95, 87, 165	`rgb(95,87,165)`
RGB Percent	37.3, 34.1, 64.7	`rgb(37.3%,34.1%,64.7%)`
CMYK	42, 47, 0, 35
HSL	246.2°, 31, 49.4	`hsl(246.2,31%,49.4%)`
HSV (or HSB)	246.2°, 47.3, 64.7
Web Safe	666699	`#666699`

CIE-LAB	41.161, 23.321, -41.16
XYZ	14.918, 11.966, 37.119
xyY	0.233, 0.187, 11.966
CIE-LCH	41.161, 47.308, 299.536
CIE-LUV	41.161, -1.435, -62.14
Hunter-Lab	34.591, 16.445, -39.408
Binary	01011111, 01010111, 10100101

#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#9da557
```
#9da557 rgb(157,165,87)
```

Complementary Color

#5776a5
```
#5776a5 rgb(87,118,165)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#8657a5
```
#8657a5 rgb(134,87,165)
```

Analogous Color

#76a557
```
#76a557 rgb(118,165,87)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#a58657
```
#a58657 rgb(165,134,87)
```

Split Complementary Color

#57a55f
```
#57a55f rgb(87,165,95)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#a55f57
```
#a55f57 rgb(165,95,87)
```

Triadic Color

#579da5
```
#579da5 rgb(87,157,165)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#a55f57
```
#a55f57 rgb(165,95,87)
```
#9da557
```
#9da557 rgb(157,165,87)
```

Tetradic Color

#423d73
```
#423d73 rgb(66,61,115)
```
#4c4584
```
#4c4584 rgb(76,69,132)
```
#554e94
```
#554e94 rgb(85,78,148)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#6e67af
```
#6e67af rgb(110,103,175)
```
#7e77b8
```
#7e77b8 rgb(126,119,184)
```
#8e88c0
```
#8e88c0 rgb(142,136,192)
```

Monochromatic Color

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

#5763a5
```
#5763a5 rgb(87,99,165)
```
#575ca5
```
#575ca5 rgb(87,92,165)
```
#5957a5
```
#5957a5 rgb(89,87,165)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#6657a5
```
#6657a5 rgb(102,87,165)
```
#6c57a5
```
#6c57a5 rgb(108,87,165)
```
#7357a5
```
#7357a5 rgb(115,87,165)
```

Similar Colors

Text with hexadecimal color #5f57a5

This text has a font color of #5f57a5.

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

#5f57a5 background color

This paragraph has a background color of #5f57a5.

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

#5f57a5 border color

This element has a border color of #5f57a5.

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

CSS codes

.text {color:#5f57a5;}

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

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

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

#06060b
```
#06060b rgb(6,6,11)
```
#0e0d18
```
#0e0d18 rgb(14,13,24)
```
#151325
```
#151325 rgb(21,19,37)
```
#1c1a31
```
#1c1a31 rgb(28,26,49)
```
#24213e
```
#24213e rgb(36,33,62)
```
#2b284b
```
#2b284b rgb(43,40,75)
```
#332e58
```
#332e58 rgb(51,46,88)
```
#3a3565
```
#3a3565 rgb(58,53,101)
```
#413c72
```
#413c72 rgb(65,60,114)
```
#49437e
```
#49437e rgb(73,67,126)
```
#50498b
```
#50498b rgb(80,73,139)
```
#585098
```
#585098 rgb(88,80,152)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```

Shade Color Variation

#6a63ad
```
#6a63ad rgb(106,99,173)
```
#7770b3
```
#7770b3 rgb(119,112,179)
```
#837dba
```
#837dba rgb(131,125,186)
```
#8f89c1
```
#8f89c1 rgb(143,137,193)
```
#9b96c8
```
#9b96c8 rgb(155,150,200)
```
#a8a3cf
```
#a8a3cf rgb(168,163,207)
```
#b4b0d5
```
#b4b0d5 rgb(180,176,213)
```
#c0bddc
```
#c0bddc rgb(192,189,220)
```
#cccae3
```
#cccae3 rgb(204,202,227)
```
#d8d7ea
```
#d8d7ea rgb(216,215,234)
```
#e5e3f0
```
#e5e3f0 rgb(229,227,240)
```
#f1f0f7
```
#f1f0f7 rgb(241,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#767488
```
#767488 rgb(118,116,136)
```
#6e6a92
```
#6e6a92 rgb(110,106,146)
```
#67619b
```
#67619b rgb(103,97,155)
```
#5f57a5
```
#5f57a5 rgb(95,87,165)
```
#574daf
```
#574daf rgb(87,77,175)
```
#5044b8
```
#5044b8 rgb(80,68,184)
```
#483ac2
```
#483ac2 rgb(72,58,194)
```
#4030cc
```
#4030cc rgb(64,48,204)
```
#3827d5
```
#3827d5 rgb(56,39,213)
```
#311ddf
```
#311ddf rgb(49,29,223)
```
#2913e9
```
#2913e9 rgb(41,19,233)
```
#2109f3
```
#2109f3 rgb(33,9,243)
```

Tone Color Variation

Below, you can see how #5f57a5 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
#61606f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4466af Protanopia 1% of men
#3e69a5 Deuteranopia 1% of men
#566c74 Tritanopia 0.001% of the population

Trichromacy

#4e61ab Protanomaly 1% of men, 0.01% of women
#4a63a5 Deuteranomaly 6% of men, 0.4% of women
#596486 Tritanomaly 0.01% of the population

#5f57a5 hex color

#5f57a5 Color Information

#5f57a5 Color Conversion

Color Schemes with #5f57a5

Alternatives to #5f57a5

#5f57a5 Preview

Shades and Tints of #5f57a5

Tones of #5f57a5

Color Blindness Simulator