#5a6793 hex color

In a RGB color space, hex #5a6793 is composed of 35.3% red, 40.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 29.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 226.3 degrees, a saturation of 24.1% and a lightness of 46.5%. #5a6793 color hex could be obtained by blending #b4ceff with #000027. Closest websafe color is: #666699.

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

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

The hexadecimal color #5a6793 has RGB values of R:90, G:103, B:147 and CMYK values of C:0.39, M:0.3, Y:0, K:0.42. Its decimal value is 5924755.

Hex triplet	5a6793	`#5a6793`
RGB Decimal	90, 103, 147	`rgb(90,103,147)`
RGB Percent	35.3, 40.4, 57.6	`rgb(35.3%,40.4%,57.6%)`
CMYK	39, 30, 0, 42
HSL	226.3°, 24.1, 46.5	`hsl(226.3,24.1%,46.5%)`
HSV (or HSB)	226.3°, 38.8, 57.6
Web Safe	666699	`#666699`

CIE-LAB	44.205, 6.627, -25.68
XYZ	14.332, 13.98, 29.545
xyY	0.248, 0.242, 13.98
CIE-LCH	44.205, 26.521, 284.47
CIE-LUV	44.205, -8.327, -37.885
Hunter-Lab	37.39, 2.988, -20.677
Binary	01011010, 01100111, 10010011

#5a6793
```
#5a6793 rgb(90,103,147)
```
#93865a
```
#93865a rgb(147,134,90)
```

Complementary Color

#5a8493
```
#5a8493 rgb(90,132,147)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```
#6a5a93
```
#6a5a93 rgb(106,90,147)
```

Analogous Color

#84935a
```
#84935a rgb(132,147,90)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```
#936a5a
```
#936a5a rgb(147,106,90)
```

Split Complementary Color

#67935a
```
#67935a rgb(103,147,90)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```
#935a67
```
#935a67 rgb(147,90,103)
```

Triadic Color

#5a9386
```
#5a9386 rgb(90,147,134)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```
#935a67
```
#935a67 rgb(147,90,103)
```
#93865a
```
#93865a rgb(147,134,90)
```

Tetradic Color

#3d4664
```
#3d4664 rgb(61,70,100)
```
#475173
```
#475173 rgb(71,81,115)
```
#505c83
```
#505c83 rgb(80,92,131)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```
#6573a1
```
#6573a1 rgb(101,115,161)
```
#7581ab
```
#7581ab rgb(117,129,171)
```
#8590b4
```
#8590b4 rgb(133,144,180)
```

Monochromatic Color

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

#5a7593
```
#5a7593 rgb(90,117,147)
```
#5a7193
```
#5a7193 rgb(90,113,147)
```
#5a6c93
```
#5a6c93 rgb(90,108,147)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```
#5a6293
```
#5a6293 rgb(90,98,147)
```
#5a5e93
```
#5a5e93 rgb(90,94,147)
```
#5b5a93
```
#5b5a93 rgb(91,90,147)
```

Similar Colors

Text with hexadecimal color #5a6793

This text has a font color of #5a6793.

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

#5a6793 background color

This paragraph has a background color of #5a6793.

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

#5a6793 border color

This element has a border color of #5a6793.

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

CSS codes

.text {color:#5a6793;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#08090d
```
#08090d rgb(8,9,13)
```
#101219
```
#101219 rgb(16,18,25)
```
#171a26
```
#171a26 rgb(23,26,38)
```
#1e2332
```
#1e2332 rgb(30,35,50)
```
#262b3e
```
#262b3e rgb(38,43,62)
```
#2d344a
```
#2d344a rgb(45,52,74)
```
#353c56
```
#353c56 rgb(53,60,86)
```
#3c4562
```
#3c4562 rgb(60,69,98)
```
#444d6f
```
#444d6f rgb(68,77,111)
```
#4b567b
```
#4b567b rgb(75,86,123)
```
#535e87
```
#535e87 rgb(83,94,135)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```

Shade Color Variation

#62709f
```
#62709f rgb(98,112,159)
```
#6e7ba6
```
#6e7ba6 rgb(110,123,166)
```
#7a86ae
```
#7a86ae rgb(122,134,174)
```
#8691b5
```
#8691b5 rgb(134,145,181)
```
#939cbd
```
#939cbd rgb(147,156,189)
```
#9fa7c4
```
#9fa7c4 rgb(159,167,196)
```
#abb2cb
```
#abb2cb rgb(171,178,203)
```
#b7bdd3
```
#b7bdd3 rgb(183,189,211)
```
#c3c8da
```
#c3c8da rgb(195,200,218)
```
#cfd4e2
```
#cfd4e2 rgb(207,212,226)
```
#dcdfe9
```
#dcdfe9 rgb(220,223,233)
```
#e8eaf1
```
#e8eaf1 rgb(232,234,241)
```
#f4f5f8
```
#f4f5f8 rgb(244,245,248)
```

Tint Color Variation

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

#757678
```
#757678 rgb(117,118,120)
```
#6c7181
```
#6c7181 rgb(108,113,129)
```
#636c8a
```
#636c8a rgb(99,108,138)
```
#5a6793
```
#5a6793 rgb(90,103,147)
```
#51629c
```
#51629c rgb(81,98,156)
```
#485da5
```
#485da5 rgb(72,93,165)
```
#3f58ae
```
#3f58ae rgb(63,88,174)
```
#3653b7
```
#3653b7 rgb(54,83,183)
```
#2c4ec1
```
#2c4ec1 rgb(44,78,193)
```
#2349ca
```
#2349ca rgb(35,73,202)
```
#1a44d3
```
#1a44d3 rgb(26,68,211)
```
#113fdc
```
#113fdc rgb(17,63,220)
```
#083ae5
```
#083ae5 rgb(8,58,229)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#656871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626e98 Protanopia 1% of men
#616f98 Deuteranopia 1% of men
#5a747c Tritanopia 0.001% of the population

Trichromacy

#5f6c96 Protanomaly 1% of men, 0.01% of women
#5e6c96 Deuteranomaly 6% of men, 0.4% of women
#5a6f84 Tritanomaly 0.01% of the population

#5a6793 hex color

#5a6793 Color Information

#5a6793 Color Conversion

Color Schemes with #5a6793

Alternatives to #5a6793

#5a6793 Preview

Shades and Tints of #5a6793

Tones of #5a6793

Color Blindness Simulator