#5a6994 hex color

In a RGB color space, hex #5a6994 is composed of 35.3% red, 41.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 29.1% magenta, 0% yellow and 42% black. It has a hue angle of 224.5 degrees, a saturation of 24.4% and a lightness of 46.7%. #5a6994 color hex could be obtained by blending #b4d2ff with #000029. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 41
- B 58
RGB color chart
- C 39
- M 29
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #5a6994 has RGB values of R:90, G:105, B:148 and CMYK values of C:0.39, M:0.29, Y:0, K:0.42. Its decimal value is 5925268.

Hex triplet	5a6994	`#5a6994`
RGB Decimal	90, 105, 148	`rgb(90,105,148)`
RGB Percent	35.3, 41.2, 58	`rgb(35.3%,41.2%,58%)`
CMYK	39, 29, 0, 42
HSL	224.5°, 24.4, 46.7	`hsl(224.5,24.4%,46.7%)`
HSV (or HSB)	224.5°, 39.2, 58
Web Safe	666699	`#666699`

CIE-LAB	44.822, 5.691, -25.317
XYZ	14.612, 14.414, 30.028
xyY	0.247, 0.244, 14.414
CIE-LCH	44.822, 25.949, 282.668
CIE-LUV	44.822, -9.152, -37.339
Hunter-Lab	37.966, 2.258, -20.316
Binary	01011010, 01101001, 10010100

#5a6994
```
#5a6994 rgb(90,105,148)
```
#94855a
```
#94855a rgb(148,133,90)
```

Complementary Color

#5a8694
```
#5a8694 rgb(90,134,148)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```
#685a94
```
#685a94 rgb(104,90,148)
```

Analogous Color

#86945a
```
#86945a rgb(134,148,90)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```
#94685a
```
#94685a rgb(148,104,90)
```

Split Complementary Color

#69945a
```
#69945a rgb(105,148,90)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```
#945a69
```
#945a69 rgb(148,90,105)
```

Triadic Color

#5a9485
```
#5a9485 rgb(90,148,133)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```
#945a69
```
#945a69 rgb(148,90,105)
```
#94855a
```
#94855a rgb(148,133,90)
```

Tetradic Color

#3d4764
```
#3d4764 rgb(61,71,100)
```
#475374
```
#475374 rgb(71,83,116)
```
#505e84
```
#505e84 rgb(80,94,132)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```
#6675a2
```
#6675a2 rgb(102,117,162)
```
#7684ab
```
#7684ab rgb(118,132,171)
```
#8592b5
```
#8592b5 rgb(133,146,181)
```

Monochromatic Color

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

#5a7894
```
#5a7894 rgb(90,120,148)
```
#5a7394
```
#5a7394 rgb(90,115,148)
```
#5a6e94
```
#5a6e94 rgb(90,110,148)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```
#5a6494
```
#5a6494 rgb(90,100,148)
```
#5a5f94
```
#5a5f94 rgb(90,95,148)
```
#5a5a94
```
#5a5a94 rgb(90,90,148)
```

Similar Colors

Text with hexadecimal color #5a6994

This text has a font color of #5a6994.

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

#5a6994 background color

This paragraph has a background color of #5a6994.

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

#5a6994 border color

This element has a border color of #5a6994.

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

CSS codes

.text {color:#5a6994;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#10121a
```
#10121a rgb(16,18,26)
```
#171b26
```
#171b26 rgb(23,27,38)
```
#1f2432
```
#1f2432 rgb(31,36,50)
```
#262c3f
```
#262c3f rgb(38,44,63)
```
#2d354b
```
#2d354b rgb(45,53,75)
```
#353e57
```
#353e57 rgb(53,62,87)
```
#3c4663
```
#3c4663 rgb(60,70,99)
```
#444f6f
```
#444f6f rgb(68,79,111)
```
#4b587c
```
#4b587c rgb(75,88,124)
```
#536088
```
#536088 rgb(83,96,136)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```

Shade Color Variation

#6272a0
```
#6272a0 rgb(98,114,160)
```
#6e7da7
```
#6e7da7 rgb(110,125,167)
```
#7a88ae
```
#7a88ae rgb(122,136,174)
```
#8793b6
```
#8793b6 rgb(135,147,182)
```
#939ebd
```
#939ebd rgb(147,158,189)
```
#9fa9c5
```
#9fa9c5 rgb(159,169,197)
```
#abb4cc
```
#abb4cc rgb(171,180,204)
```
#b7bfd3
```
#b7bfd3 rgb(183,191,211)
```
#c4cadb
```
#c4cadb rgb(196,202,219)
```
#d0d5e2
```
#d0d5e2 rgb(208,213,226)
```
#dce0ea
```
#dce0ea rgb(220,224,234)
```
#e8ebf1
```
#e8ebf1 rgb(232,235,241)
```
#f4f6f9
```
#f4f6f9 rgb(244,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757679 is the less saturated color, while #0841e6 is the most saturated one.

#757679
```
#757679 rgb(117,118,121)
```
#6c7282
```
#6c7282 rgb(108,114,130)
```
#636d8b
```
#636d8b rgb(99,109,139)
```
#5a6994
```
#5a6994 rgb(90,105,148)
```
#51659d
```
#51659d rgb(81,101,157)
```
#4860a6
```
#4860a6 rgb(72,96,166)
```
#3f5caf
```
#3f5caf rgb(63,92,175)
```
#3557b9
```
#3557b9 rgb(53,87,185)
```
#2c53c2
```
#2c53c2 rgb(44,83,194)
```
#234ecb
```
#234ecb rgb(35,78,203)
```
#1a4ad4
```
#1a4ad4 rgb(26,74,212)
```
#1146dd
```
#1146dd rgb(17,70,221)
```
#0841e6
```
#0841e6 rgb(8,65,230)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#666972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#647099 Protanopia 1% of men
#637099 Deuteranopia 1% of men
#5a767e Tritanopia 0.001% of the population

Trichromacy

#606d97 Protanomaly 1% of men, 0.01% of women
#5f6d97 Deuteranomaly 6% of men, 0.4% of women
#5a7186 Tritanomaly 0.01% of the population

#5a6994 hex color

#5a6994 Color Information

#5a6994 Color Conversion

Color Schemes with #5a6994

Alternatives to #5a6994

#5a6994 Preview

Shades and Tints of #5a6994

Tones of #5a6994

Color Blindness Simulator