#5a6288 hex color

In a RGB color space, hex #5a6288 is composed of 35.3% red, 38.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 27.9% magenta, 0% yellow and 46.7% black. It has a hue angle of 229.6 degrees, a saturation of 20.4% and a lightness of 44.3%. #5a6288 color hex could be obtained by blending #b4c4ff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 38
- B 53
RGB color chart
- C 34
- M 28
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #5a6288 has RGB values of R:90, G:98, B:136 and CMYK values of C:0.34, M:0.28, Y:0, K:0.47. Its decimal value is 5923464.

Hex triplet	5a6288	`#5a6288`
RGB Decimal	90, 98, 136	`rgb(90,98,136)`
RGB Percent	35.3, 38.4, 53.3	`rgb(35.3%,38.4%,53.3%)`
CMYK	34, 28, 0, 47
HSL	229.6°, 20.4, 44.3	`hsl(229.6,20.4%,44.3%)`
HSV (or HSB)	229.6°, 33.8, 53.3
Web Safe	666699	`#666699`

CIE-LAB	42.287, 6.559, -22.061
XYZ	13.027, 12.686, 25.054
xyY	0.257, 0.25, 12.686
CIE-LCH	42.287, 23.015, 286.557
CIE-LUV	42.287, -5.895, -32.071
Hunter-Lab	35.618, 2.955, -16.772
Binary	01011010, 01100010, 10001000

#5a6288
```
#5a6288 rgb(90,98,136)
```
#88805a
```
#88805a rgb(136,128,90)
```

Complementary Color

#5a7988
```
#5a7988 rgb(90,121,136)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#695a88
```
#695a88 rgb(105,90,136)
```

Analogous Color

#79885a
```
#79885a rgb(121,136,90)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#88695a
```
#88695a rgb(136,105,90)
```

Split Complementary Color

#62885a
```
#62885a rgb(98,136,90)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#885a62
```
#885a62 rgb(136,90,98)
```

Triadic Color

#5a8880
```
#5a8880 rgb(90,136,128)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#885a62
```
#885a62 rgb(136,90,98)
```
#88805a
```
#88805a rgb(136,128,90)
```

Tetradic Color

#3c415a
```
#3c415a rgb(60,65,90)
```
#464c69
```
#464c69 rgb(70,76,105)
```
#505779
```
#505779 rgb(80,87,121)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#646d97
```
#646d97 rgb(100,109,151)
```
#737ba2
```
#737ba2 rgb(115,123,162)
```
#8289ac
```
#8289ac rgb(130,137,172)
```

Monochromatic Color

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

#5a6e88
```
#5a6e88 rgb(90,110,136)
```
#5a6a88
```
#5a6a88 rgb(90,106,136)
```
#5a6688
```
#5a6688 rgb(90,102,136)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#5a5e88
```
#5a5e88 rgb(90,94,136)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#5e5a88
```
#5e5a88 rgb(94,90,136)
```

Similar Colors

Text with hexadecimal color #5a6288

This text has a font color of #5a6288.

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

#5a6288 background color

This paragraph has a background color of #5a6288.

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

#5a6288 border color

This element has a border color of #5a6288.

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

CSS codes

.text {color:#5a6288;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0d12
```
#0c0d12 rgb(12,13,18)
```
#14151e
```
#14151e rgb(20,21,30)
```
#1c1e2a
```
#1c1e2a rgb(28,30,42)
```
#232635
```
#232635 rgb(35,38,53)
```
#2b2f41
```
#2b2f41 rgb(43,47,65)
```
#33374d
```
#33374d rgb(51,55,77)
```
#3b4059
```
#3b4059 rgb(59,64,89)
```
#434865
```
#434865 rgb(67,72,101)
```
#4a5170
```
#4a5170 rgb(74,81,112)
```
#52597c
```
#52597c rgb(82,89,124)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#626b94
```
#626b94 rgb(98,107,148)
```

Shade Color Variation

#6c749e
```
#6c749e rgb(108,116,158)
```
#787fa5
```
#787fa5 rgb(120,127,165)
```
#838bad
```
#838bad rgb(131,139,173)
```
#8f96b5
```
#8f96b5 rgb(143,150,181)
```
#9ba1bd
```
#9ba1bd rgb(155,161,189)
```
#a7acc5
```
#a7acc5 rgb(167,172,197)
```
#b3b7cc
```
#b3b7cc rgb(179,183,204)
```
#bec2d4
```
#bec2d4 rgb(190,194,212)
```
#cacddc
```
#cacddc rgb(202,205,220)
```
#d6d8e4
```
#d6d8e4 rgb(214,216,228)
```
#e2e3ec
```
#e2e3ec rgb(226,227,236)
```
#eeeff3
```
#eeeff3 rgb(238,239,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#6b6d77
```
#6b6d77 rgb(107,109,119)
```
#63687f
```
#63687f rgb(99,104,127)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#515c91
```
#515c91 rgb(81,92,145)
```
#495799
```
#495799 rgb(73,87,153)
```
#4051a2
```
#4051a2 rgb(64,81,162)
```
#374bab
```
#374bab rgb(55,75,171)
```
#2f46b3
```
#2f46b3 rgb(47,70,179)
```
#2640bc
```
#2640bc rgb(38,64,188)
```
#1d3ac5
```
#1d3ac5 rgb(29,58,197)
```
#1435ce
```
#1435ce rgb(20,53,206)
```
#0c2fd6
```
#0c2fd6 rgb(12,47,214)
```
#0329df
```
#0329df rgb(3,41,223)
```

Tone Color Variation

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

#606a8e Protanopia 1% of men
#616a8e Deuteranopia 1% of men
#5c6e76 Tritanopia 0.001% of the population

Trichromacy

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

#5a6288 hex color

#5a6288 Color Information

#5a6288 Color Conversion

Color Schemes with #5a6288

Alternatives to #5a6288

#5a6288 Preview

Shades and Tints of #5a6288

Tones of #5a6288

Color Blindness Simulator