#5a6487 hex color

In a RGB color space, hex #5a6487 is composed of 35.3% red, 39.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 25.9% magenta, 0% yellow and 47.1% black. It has a hue angle of 226.7 degrees, a saturation of 20% and a lightness of 44.1%. #5a6487 color hex could be obtained by blending #b4c8ff with #00000f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 39
- B 53
RGB color chart
- C 33
- M 26
- Y 0
- K 47
CMYK color chart

● #5a6487 color description : Mostly desaturated dark blue.

The hexadecimal color #5a6487 has RGB values of R:90, G:100, B:135 and CMYK values of C:0.33, M:0.26, Y:0, K:0.47. Its decimal value is 5923975.

Hex triplet	5a6487	`#5a6487`
RGB Decimal	90, 100, 135	`rgb(90,100,135)`
RGB Percent	35.3, 39.2, 52.9	`rgb(35.3%,39.2%,52.9%)`
CMYK	33, 26, 0, 47
HSL	226.7°, 20, 44.1	`hsl(226.7,20%,44.1%)`
HSV (or HSB)	226.7°, 33.3, 52.9
Web Safe	666699	`#666699`

CIE-LAB	42.819, 5.046, -20.637
XYZ	13.146, 13.037, 24.744
xyY	0.258, 0.256, 13.037
CIE-LCH	42.819, 21.245, 283.739
CIE-LUV	42.819, -6.673, -29.855
Hunter-Lab	36.107, 1.802, -15.357
Binary	01011010, 01100100, 10000111

#5a6487
```
#5a6487 rgb(90,100,135)
```
#877d5a
```
#877d5a rgb(135,125,90)
```

Complementary Color

#5a7b87
```
#5a7b87 rgb(90,123,135)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#675a87
```
#675a87 rgb(103,90,135)
```

Analogous Color

#7b875a
```
#7b875a rgb(123,135,90)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#87675a
```
#87675a rgb(135,103,90)
```

Split Complementary Color

#64875a
```
#64875a rgb(100,135,90)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#875a64
```
#875a64 rgb(135,90,100)
```

Triadic Color

#5a877d
```
#5a877d rgb(90,135,125)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#875a64
```
#875a64 rgb(135,90,100)
```
#877d5a
```
#877d5a rgb(135,125,90)
```

Tetradic Color

#3b4259
```
#3b4259 rgb(59,66,89)
```
#464d68
```
#464d68 rgb(70,77,104)
```
#505978
```
#505978 rgb(80,89,120)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#646f96
```
#646f96 rgb(100,111,150)
```
#737da1
```
#737da1 rgb(115,125,161)
```
#828bac
```
#828bac rgb(130,139,172)
```

Monochromatic Color

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

#5a6f87
```
#5a6f87 rgb(90,111,135)
```
#5a6c87
```
#5a6c87 rgb(90,108,135)
```
#5a6887
```
#5a6887 rgb(90,104,135)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#5a6087
```
#5a6087 rgb(90,96,135)
```
#5a5d87
```
#5a5d87 rgb(90,93,135)
```
#5b5a87
```
#5b5a87 rgb(91,90,135)
```

Similar Colors

Text with hexadecimal color #5a6487

This text has a font color of #5a6487.

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

#5a6487 background color

This paragraph has a background color of #5a6487.

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

#5a6487 border color

This element has a border color of #5a6487.

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

CSS codes

.text {color:#5a6487;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#13161d
```
#13161d rgb(19,22,29)
```
#1b1e29
```
#1b1e29 rgb(27,30,41)
```
#232735
```
#232735 rgb(35,39,53)
```
#2b3040
```
#2b3040 rgb(43,48,64)
```
#33384c
```
#33384c rgb(51,56,76)
```
#3b4158
```
#3b4158 rgb(59,65,88)
```
#424a64
```
#424a64 rgb(66,74,100)
```
#4a536f
```
#4a536f rgb(74,83,111)
```
#525b7b
```
#525b7b rgb(82,91,123)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#626d93
```
#626d93 rgb(98,109,147)
```

Shade Color Variation

#6c769d
```
#6c769d rgb(108,118,157)
```
#7781a5
```
#7781a5 rgb(119,129,165)
```
#838cac
```
#838cac rgb(131,140,172)
```
#8f97b4
```
#8f97b4 rgb(143,151,180)
```
#9ba2bc
```
#9ba2bc rgb(155,162,188)
```
#a6adc4
```
#a6adc4 rgb(166,173,196)
```
#b2b8cc
```
#b2b8cc rgb(178,184,204)
```
#bec3d4
```
#bec3d4 rgb(190,195,212)
```
#cacedb
```
#cacedb rgb(202,206,219)
```
#d5d9e3
```
#d5d9e3 rgb(213,217,227)
```
#e1e3eb
```
#e1e3eb rgb(225,227,235)
```
#edeef3
```
#edeef3 rgb(237,238,243)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e76 is the less saturated color, while #0334de is the most saturated one.

#6b6e76
```
#6b6e76 rgb(107,110,118)
```
#63697e
```
#63697e rgb(99,105,126)
```
#5a6487
```
#5a6487 rgb(90,100,135)
```
#515f90
```
#515f90 rgb(81,95,144)
```
#495a98
```
#495a98 rgb(73,90,152)
```
#4056a1
```
#4056a1 rgb(64,86,161)
```
#3751aa
```
#3751aa rgb(55,81,170)
```
#2f4cb2
```
#2f4cb2 rgb(47,76,178)
```
#2647bb
```
#2647bb rgb(38,71,187)
```
#1d42c4
```
#1d42c4 rgb(29,66,196)
```
#153ecc
```
#153ecc rgb(21,62,204)
```
#0c39d5
```
#0c39d5 rgb(12,57,213)
```
#0334de
```
#0334de rgb(3,52,222)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#63656c Atypical Achromatopsia 0.001% of the population

Dichromacy

#636b8d Protanopia 1% of men
#646b8d Deuteranopia 1% of men
#5c7078 Tritanopia 0.001% of the population

Trichromacy

#5f698a Protanomaly 1% of men, 0.01% of women
#60688b Deuteranomaly 6% of men, 0.4% of women
#5b6b7d Tritanomaly 0.01% of the population

#5a6487 hex color

#5a6487 Color Information

#5a6487 Color Conversion

Color Schemes with #5a6487

Alternatives to #5a6487

#5a6487 Preview

Shades and Tints of #5a6487

Tones of #5a6487

Color Blindness Simulator