colorhexa.com

#5a6387 hex color

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

- R 35
- G 39
- B 53
RGB color chart
- C 33
- M 27
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #5a6387 has RGB values of R:90, G:99, B:135 and CMYK values of C:0.33, M:0.27, Y:0, K:0.47. Its decimal value is 5923719.

Hex triplet	5a6387	`#5a6387`
RGB Decimal	90, 99, 135	`rgb(90,99,135)`
RGB Percent	35.3, 38.8, 52.9	`rgb(35.3%,38.8%,52.9%)`
CMYK	33, 27, 0, 47
HSL	228°, 20, 44.1	`hsl(228,20%,44.1%)`
HSV (or HSB)	228°, 33.3, 52.9
Web Safe	666699	`#666699`

CIE-LAB	42.531, 5.661, -21.082
XYZ	13.051, 12.846, 24.712
xyY	0.258, 0.254, 12.846
CIE-LCH	42.531, 21.828, 285.032
CIE-LUV	42.531, -6.261, -30.545
Hunter-Lab	35.842, 2.272, -15.79
Binary	01011010, 01100011, 10000111

#5a6387
```
#5a6387 rgb(90,99,135)
```
#877e5a
```
#877e5a rgb(135,126,90)
```

Complementary Color

#5a7a87
```
#5a7a87 rgb(90,122,135)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#685a87
```
#685a87 rgb(104,90,135)
```

Analogous Color

#7a875a
```
#7a875a rgb(122,135,90)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#87685a
```
#87685a rgb(135,104,90)
```

Split Complementary Color

#63875a
```
#63875a rgb(99,135,90)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#875a63
```
#875a63 rgb(135,90,99)
```

Triadic Color

#5a877e
```
#5a877e rgb(90,135,126)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#875a63
```
#875a63 rgb(135,90,99)
```
#877e5a
```
#877e5a rgb(135,126,90)
```

Tetradic Color

#3b4159
```
#3b4159 rgb(59,65,89)
```
#464d68
```
#464d68 rgb(70,77,104)
```
#505878
```
#505878 rgb(80,88,120)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#646e96
```
#646e96 rgb(100,110,150)
```
#737ca1
```
#737ca1 rgb(115,124,161)
```
#828aac
```
#828aac rgb(130,138,172)
```

Monochromatic Color

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

#5a6e87
```
#5a6e87 rgb(90,110,135)
```
#5a6b87
```
#5a6b87 rgb(90,107,135)
```
#5a6787
```
#5a6787 rgb(90,103,135)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#5a5f87
```
#5a5f87 rgb(90,95,135)
```
#5a5c87
```
#5a5c87 rgb(90,92,135)
```
#5c5a87
```
#5c5a87 rgb(92,90,135)
```

Similar Colors

Text with hexadecimal color #5a6387

This text has a font color of #5a6387.

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

#5a6387 background color

This paragraph has a background color of #5a6387.

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

#5a6387 border color

This element has a border color of #5a6387.

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

CSS codes

.text {color:#5a6387;}

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

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

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)
```
#13151d
```
#13151d rgb(19,21,29)
```
#1b1e29
```
#1b1e29 rgb(27,30,41)
```
#232735
```
#232735 rgb(35,39,53)
```
#2b2f40
```
#2b2f40 rgb(43,47,64)
```
#33384c
```
#33384c rgb(51,56,76)
```
#3b4058
```
#3b4058 rgb(59,64,88)
```
#424964
```
#424964 rgb(66,73,100)
```
#4a526f
```
#4a526f rgb(74,82,111)
```
#525a7b
```
#525a7b rgb(82,90,123)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#626c93
```
#626c93 rgb(98,108,147)
```

Shade Color Variation

#6c759d
```
#6c759d rgb(108,117,157)
```
#7780a5
```
#7780a5 rgb(119,128,165)
```
#838bac
```
#838bac rgb(131,139,172)
```
#8f96b4
```
#8f96b4 rgb(143,150,180)
```
#9ba1bc
```
#9ba1bc rgb(155,161,188)
```
#a6acc4
```
#a6acc4 rgb(166,172,196)
```
#b2b7cc
```
#b2b7cc rgb(178,183,204)
```
#bec2d4
```
#bec2d4 rgb(190,194,212)
```
#cacddb
```
#cacddb rgb(202,205,219)
```
#d5d8e3
```
#d5d8e3 rgb(213,216,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, #6b6d76 is the less saturated color, while #032fde is the most saturated one.

#6b6d76
```
#6b6d76 rgb(107,109,118)
```
#63687e
```
#63687e rgb(99,104,126)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#515e90
```
#515e90 rgb(81,94,144)
```
#495998
```
#495998 rgb(73,89,152)
```
#4053a1
```
#4053a1 rgb(64,83,161)
```
#374eaa
```
#374eaa rgb(55,78,170)
```
#2f49b2
```
#2f49b2 rgb(47,73,178)
```
#2644bb
```
#2644bb rgb(38,68,187)
```
#1d3fc4
```
#1d3fc4 rgb(29,63,196)
```
#1539cc
```
#1539cc rgb(21,57,204)
```
#0c34d5
```
#0c34d5 rgb(12,52,213)
```
#032fde
```
#032fde rgb(3,47,222)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#62646b Atypical Achromatopsia 0.001% of the population

Dichromacy

#626b8d Protanopia 1% of men
#636a8d Deuteranopia 1% of men
#5c6f77 Tritanopia 0.001% of the population

Trichromacy

#5f688b Protanomaly 1% of men, 0.01% of women
#5f688b Deuteranomaly 6% of men, 0.4% of women
#5b6a7d Tritanomaly 0.01% of the population