#5a6690 hex color

In a RGB color space, hex #5a6690 is composed of 35.3% red, 40% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 29.2% magenta, 0% yellow and 43.5% black. It has a hue angle of 226.7 degrees, a saturation of 23.1% and a lightness of 45.9%. #5a6690 color hex could be obtained by blending #b4ccff with #000021. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 40
- B 56
RGB color chart
- C 38
- M 29
- Y 0
- K 44
CMYK color chart

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

The hexadecimal color #5a6690 has RGB values of R:90, G:102, B:144 and CMYK values of C:0.38, M:0.29, Y:0, K:0.44. Its decimal value is 5924496.

Hex triplet	5a6690	`#5a6690`
RGB Decimal	90, 102, 144	`rgb(90,102,144)`
RGB Percent	35.3, 40, 56.5	`rgb(35.3%,40%,56.5%)`
CMYK	38, 29, 0, 44
HSL	226.7°, 23.1, 45.9	`hsl(226.7,23.1%,45.9%)`
HSV (or HSB)	226.7°, 37.5, 56.5
Web Safe	666699	`#666699`

CIE-LAB	43.784, 6.372, -24.542
XYZ	14.001, 13.69, 28.289
xyY	0.25, 0.245, 13.69
CIE-LCH	43.784, 25.356, 284.554
CIE-LUV	43.784, -7.824, -36.049
Hunter-Lab	37, 2.796, -19.432
Binary	01011010, 01100110, 10010000

#5a6690
```
#5a6690 rgb(90,102,144)
```
#90845a
```
#90845a rgb(144,132,90)
```

Complementary Color

#5a8190
```
#5a8190 rgb(90,129,144)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#695a90
```
#695a90 rgb(105,90,144)
```

Analogous Color

#81905a
```
#81905a rgb(129,144,90)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#90695a
```
#90695a rgb(144,105,90)
```

Split Complementary Color

#66905a
```
#66905a rgb(102,144,90)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#905a66
```
#905a66 rgb(144,90,102)
```

Triadic Color

#5a9084
```
#5a9084 rgb(90,144,132)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#905a66
```
#905a66 rgb(144,90,102)
```
#90845a
```
#90845a rgb(144,132,90)
```

Tetradic Color

#3d4561
```
#3d4561 rgb(61,69,97)
```
#465071
```
#465071 rgb(70,80,113)
```
#505b80
```
#505b80 rgb(80,91,128)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#65729f
```
#65729f rgb(101,114,159)
```
#7580a8
```
#7580a8 rgb(117,128,168)
```
#848eb2
```
#848eb2 rgb(132,142,178)
```

Monochromatic Color

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

#5a7490
```
#5a7490 rgb(90,116,144)
```
#5a6f90
```
#5a6f90 rgb(90,111,144)
```
#5a6b90
```
#5a6b90 rgb(90,107,144)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#5a6290
```
#5a6290 rgb(90,98,144)
```
#5a5d90
```
#5a5d90 rgb(90,93,144)
```
#5b5a90
```
#5b5a90 rgb(91,90,144)
```

Similar Colors

Text with hexadecimal color #5a6690

This text has a font color of #5a6690.

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

#5a6690 background color

This paragraph has a background color of #5a6690.

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

#5a6690 border color

This element has a border color of #5a6690.

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

CSS codes

.text {color:#5a6690;}

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

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

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

#07080b
```
#07080b rgb(7,8,11)
```
#0f1017
```
#0f1017 rgb(15,16,23)
```
#161923
```
#161923 rgb(22,25,35)
```
#1e222f
```
#1e222f rgb(30,34,47)
```
#252a3c
```
#252a3c rgb(37,42,60)
```
#2d3348
```
#2d3348 rgb(45,51,72)
```
#343b54
```
#343b54 rgb(52,59,84)
```
#3c4460
```
#3c4460 rgb(60,68,96)
```
#434c6c
```
#434c6c rgb(67,76,108)
```
#4b5578
```
#4b5578 rgb(75,85,120)
```
#525d84
```
#525d84 rgb(82,93,132)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#626f9c
```
#626f9c rgb(98,111,156)
```

Shade Color Variation

#6d79a4
```
#6d79a4 rgb(109,121,164)
```
#7985ab
```
#7985ab rgb(121,133,171)
```
#8590b3
```
#8590b3 rgb(133,144,179)
```
#929bbb
```
#929bbb rgb(146,155,187)
```
#9ea6c2
```
#9ea6c2 rgb(158,166,194)
```
#aab1ca
```
#aab1ca rgb(170,177,202)
```
#b6bcd1
```
#b6bcd1 rgb(182,188,209)
```
#c2c7d9
```
#c2c7d9 rgb(194,199,217)
```
#ced2e0
```
#ced2e0 rgb(206,210,224)
```
#dadde8
```
#dadde8 rgb(218,221,232)
```
#e6e8ef
```
#e6e8ef rgb(230,232,239)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#6c707e
```
#6c707e rgb(108,112,126)
```
#636b87
```
#636b87 rgb(99,107,135)
```
#5a6690
```
#5a6690 rgb(90,102,144)
```
#516199
```
#516199 rgb(81,97,153)
```
#485ca2
```
#485ca2 rgb(72,92,162)
```
#3f57ab
```
#3f57ab rgb(63,87,171)
```
#3652b4
```
#3652b4 rgb(54,82,180)
```
#2d4dbd
```
#2d4dbd rgb(45,77,189)
```
#2448c6
```
#2448c6 rgb(36,72,198)
```
#1b43cf
```
#1b43cf rgb(27,67,207)
```
#123ed8
```
#123ed8 rgb(18,62,216)
```
#0939e1
```
#0939e1 rgb(9,57,225)
```
#0034ea
```
#0034ea rgb(0,52,234)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#64676f Atypical Achromatopsia 0.001% of the population

Dichromacy

#626d95 Protanopia 1% of men
#616e95 Deuteranopia 1% of men
#5a737b Tritanopia 0.001% of the population

Trichromacy

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

#5a6690 hex color

#5a6690 Color Information

#5a6690 Color Conversion

Color Schemes with #5a6690

Alternatives to #5a6690

#5a6690 Preview

Shades and Tints of #5a6690

Tones of #5a6690

Color Blindness Simulator