#5a5670 hex color

In a RGB color space, hex #5a5670 is composed of 35.3% red, 33.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 23.2% magenta, 0% yellow and 56.1% black. It has a hue angle of 249.2 degrees, a saturation of 13.1% and a lightness of 38.8%. #5a5670 color hex could be obtained by blending #b4ace0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 34
- B 44
RGB color chart
- C 20
- M 23
- Y 0
- K 56
CMYK color chart

● #5a5670 color description : Very dark grayish blue.

The hexadecimal color #5a5670 has RGB values of R:90, G:86, B:112 and CMYK values of C:0.2, M:0.23, Y:0, K:0.56. Its decimal value is 5920368.

Hex triplet	5a5670	`#5a5670`
RGB Decimal	90, 86, 112	`rgb(90,86,112)`
RGB Percent	35.3, 33.7, 43.9	`rgb(35.3%,33.7%,43.9%)`
CMYK	20, 23, 0, 56
HSL	249.2°, 13.1, 38.8	`hsl(249.2,13.1%,38.8%)`
HSV (or HSB)	249.2°, 23.2, 43.9
Web Safe	666666	`#666666`

CIE-LAB	37.841, 7.6, -14.243
XYZ	10.468, 9.999, 16.707
xyY	0.282, 0.269, 9.999
CIE-LCH	37.841, 16.144, 298.083
CIE-LUV	37.841, 0.498, -20.157
Hunter-Lab	31.621, 3.756, -9.191
Binary	01011010, 01010110, 01110000

#5a5670
```
#5a5670 rgb(90,86,112)
```
#6c7056
```
#6c7056 rgb(108,112,86)
```

Complementary Color

#565f70
```
#565f70 rgb(86,95,112)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#675670
```
#675670 rgb(103,86,112)
```

Analogous Color

#5f7056
```
#5f7056 rgb(95,112,86)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#706756
```
#706756 rgb(112,103,86)
```

Split Complementary Color

#56705a
```
#56705a rgb(86,112,90)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#705a56
```
#705a56 rgb(112,90,86)
```

Triadic Color

#566c70
```
#566c70 rgb(86,108,112)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#705a56
```
#705a56 rgb(112,90,86)
```
#6c7056
```
#6c7056 rgb(108,112,86)
```

Tetradic Color

#373545
```
#373545 rgb(55,53,69)
```
#434053
```
#434053 rgb(67,64,83)
```
#4e4b62
```
#4e4b62 rgb(78,75,98)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#66617e
```
#66617e rgb(102,97,126)
```
#716c8d
```
#716c8d rgb(113,108,141)
```
#7f7a99
```
#7f7a99 rgb(127,122,153)
```

Monochromatic Color

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

#565970
```
#565970 rgb(86,89,112)
```
#565670
```
#565670 rgb(86,86,112)
```
#585670
```
#585670 rgb(88,86,112)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#5c5670
```
#5c5670 rgb(92,86,112)
```
#5e5670
```
#5e5670 rgb(94,86,112)
```
#615670
```
#615670 rgb(97,86,112)
```

Similar Colors

Text with hexadecimal color #5a5670

This text has a font color of #5a5670.

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

#5a5670 background color

This paragraph has a background color of #5a5670.

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

#5a5670 border color

This element has a border color of #5a5670.

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

CSS codes

.text {color:#5a5670;}

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

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

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 #f5f5f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a090c
```
#0a090c rgb(10,9,12)
```
#131217
```
#131217 rgb(19,18,23)
```
#1c1a22
```
#1c1a22 rgb(28,26,34)
```
#25232d
```
#25232d rgb(37,35,45)
```
#2d2b39
```
#2d2b39 rgb(45,43,57)
```
#363444
```
#363444 rgb(54,52,68)
```
#3f3c4f
```
#3f3c4f rgb(63,60,79)
```
#48455a
```
#48455a rgb(72,69,90)
```
#514d65
```
#514d65 rgb(81,77,101)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#635f7b
```
#635f7b rgb(99,95,123)
```
#6c6786
```
#6c6786 rgb(108,103,134)
```

Shade Color Variation

#757091
```
#757091 rgb(117,112,145)
```
#807b9a
```
#807b9a rgb(128,123,154)
```
#8a86a2
```
#8a86a2 rgb(138,134,162)
```
#9591ab
```
#9591ab rgb(149,145,171)
```
#a09cb3
```
#a09cb3 rgb(160,156,179)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#b5b2c4
```
#b5b2c4 rgb(181,178,196)
```
#c0bdcd
```
#c0bdcd rgb(192,189,205)
```
#cbc9d5
```
#cbc9d5 rgb(203,201,213)
```
#d5d4de
```
#d5d4de rgb(213,212,222)
```
#e0dfe6
```
#e0dfe6 rgb(224,223,230)
```
#ebeaef
```
#ebeaef rgb(235,234,239)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

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

#5f5e68
```
#5f5e68 rgb(95,94,104)
```
#5a5670
```
#5a5670 rgb(90,86,112)
```
#554e78
```
#554e78 rgb(85,78,120)
```
#4f477f
```
#4f477f rgb(79,71,127)
```
#4a3f87
```
#4a3f87 rgb(74,63,135)
```
#45388e
```
#45388e rgb(69,56,142)
```
#403096
```
#403096 rgb(64,48,150)
```
#3a289e
```
#3a289e rgb(58,40,158)
```
#3521a5
```
#3521a5 rgb(53,33,165)
```
#3019ad
```
#3019ad rgb(48,25,173)
```
#2b11b5
```
#2b11b5 rgb(43,17,181)
```
#250abc
```
#250abc rgb(37,10,188)
```
#2002c4
```
#2002c4 rgb(32,2,196)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5a595e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6078 Protanopia 1% of men
#5f5f77 Deuteranopia 1% of men
#5f6168 Tritanopia 0.001% of the population

Trichromacy

#5a5c75 Protanomaly 1% of men, 0.01% of women
#5d5c74 Deuteranomaly 6% of men, 0.4% of women
#5d5d6b Tritanomaly 0.01% of the population

#5a5670 hex color

#5a5670 Color Information

#5a5670 Color Conversion

Color Schemes with #5a5670

Alternatives to #5a5670

#5a5670 Preview

Shades and Tints of #5a5670

Tones of #5a5670

Color Blindness Simulator