#5a6796 hex color

In a RGB color space, hex #5a6796 is composed of 35.3% red, 40.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 31.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 227 degrees, a saturation of 25% and a lightness of 47.1%. #5a6796 color hex could be obtained by blending #b4ceff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 40
- B 59
RGB color chart
- C 40
- M 31
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #5a6796 has RGB values of R:90, G:103, B:150 and CMYK values of C:0.4, M:0.31, Y:0, K:0.41. Its decimal value is 5924758.

Hex triplet	5a6796	`#5a6796`
RGB Decimal	90, 103, 150	`rgb(90,103,150)`
RGB Percent	35.3, 40.4, 58.8	`rgb(35.3%,40.4%,58.8%)`
CMYK	40, 31, 0, 41
HSL	227°, 25, 47.1	`hsl(227,25%,47.1%)`
HSV (or HSB)	227°, 40, 58.8
Web Safe	666699	`#666699`

CIE-LAB	44.341, 7.506, -27.254
XYZ	14.571, 14.076, 30.802
xyY	0.245, 0.237, 14.076
CIE-LCH	44.341, 28.269, 285.398
CIE-LUV	44.341, -8.431, -40.412
Hunter-Lab	37.518, 3.668, -22.414
Binary	01011010, 01100111, 10010110

#5a6796
```
#5a6796 rgb(90,103,150)
```
#96895a
```
#96895a rgb(150,137,90)
```

Complementary Color

#5a8596
```
#5a8596 rgb(90,133,150)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```
#6b5a96
```
#6b5a96 rgb(107,90,150)
```

Analogous Color

#85965a
```
#85965a rgb(133,150,90)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```
#966b5a
```
#966b5a rgb(150,107,90)
```

Split Complementary Color

#67965a
```
#67965a rgb(103,150,90)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```
#965a67
```
#965a67 rgb(150,90,103)
```

Triadic Color

#5a9689
```
#5a9689 rgb(90,150,137)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```
#965a67
```
#965a67 rgb(150,90,103)
```
#96895a
```
#96895a rgb(150,137,90)
```

Tetradic Color

#3d4666
```
#3d4666 rgb(61,70,102)
```
#475176
```
#475176 rgb(71,81,118)
```
#505c86
```
#505c86 rgb(80,92,134)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```
#6673a3
```
#6673a3 rgb(102,115,163)
```
#7682ad
```
#7682ad rgb(118,130,173)
```
#8691b6
```
#8691b6 rgb(134,145,182)
```

Monochromatic Color

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

#5a7696
```
#5a7696 rgb(90,118,150)
```
#5a7196
```
#5a7196 rgb(90,113,150)
```
#5a6c96
```
#5a6c96 rgb(90,108,150)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```
#5a6296
```
#5a6296 rgb(90,98,150)
```
#5a5d96
```
#5a5d96 rgb(90,93,150)
```
#5c5a96
```
#5c5a96 rgb(92,90,150)
```

Similar Colors

Text with hexadecimal color #5a6796

This text has a font color of #5a6796.

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

#5a6796 background color

This paragraph has a background color of #5a6796.

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

#5a6796 border color

This element has a border color of #5a6796.

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

CSS codes

.text {color:#5a6796;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090a0f
```
#090a0f rgb(9,10,15)
```
#10131b
```
#10131b rgb(16,19,27)
```
#181b28
```
#181b28 rgb(24,27,40)
```
#1f2434
```
#1f2434 rgb(31,36,52)
```
#272c40
```
#272c40 rgb(39,44,64)
```
#2e344c
```
#2e344c rgb(46,52,76)
```
#353d59
```
#353d59 rgb(53,61,89)
```
#3d4565
```
#3d4565 rgb(61,69,101)
```
#444e71
```
#444e71 rgb(68,78,113)
```
#4b567d
```
#4b567d rgb(75,86,125)
```
#535f8a
```
#535f8a rgb(83,95,138)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```

Shade Color Variation

#6370a1
```
#6370a1 rgb(99,112,161)
```
#6f7ba8
```
#6f7ba8 rgb(111,123,168)
```
#7b86b0
```
#7b86b0 rgb(123,134,176)
```
#8792b7
```
#8792b7 rgb(135,146,183)
```
#949dbf
```
#949dbf rgb(148,157,191)
```
#a0a8c6
```
#a0a8c6 rgb(160,168,198)
```
#acb3cd
```
#acb3cd rgb(172,179,205)
```
#b8bed5
```
#b8bed5 rgb(184,190,213)
```
#c5cadc
```
#c5cadc rgb(197,202,220)
```
#d1d5e3
```
#d1d5e3 rgb(209,213,227)
```
#dde0eb
```
#dde0eb rgb(221,224,235)
```
#e9ebf2
```
#e9ebf2 rgb(233,235,242)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777a is the less saturated color, while #0738e9 is the most saturated one.

#76777a
```
#76777a rgb(118,119,122)
```
#6c7184
```
#6c7184 rgb(108,113,132)
```
#636c8d
```
#636c8d rgb(99,108,141)
```
#5a6796
```
#5a6796 rgb(90,103,150)
```
#51629f
```
#51629f rgb(81,98,159)
```
#485da8
```
#485da8 rgb(72,93,168)
```
#3e57b2
```
#3e57b2 rgb(62,87,178)
```
#3552bb
```
#3552bb rgb(53,82,187)
```
#2c4dc4
```
#2c4dc4 rgb(44,77,196)
```
#2348cd
```
#2348cd rgb(35,72,205)
```
#1942d7
```
#1942d7 rgb(25,66,215)
```
#103de0
```
#103de0 rgb(16,61,224)
```
#0738e9
```
#0738e9 rgb(7,56,233)
```

Tone Color Variation

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

#616f9b Protanopia 1% of men
#5f6f9b Deuteranopia 1% of men
#59757d Tritanopia 0.001% of the population

Trichromacy

#5e6c99 Protanomaly 1% of men, 0.01% of women
#5d6c99 Deuteranomaly 6% of men, 0.4% of women
#596f86 Tritanomaly 0.01% of the population

#5a6796 hex color

#5a6796 Color Information

#5a6796 Color Conversion

Color Schemes with #5a6796

Alternatives to #5a6796

#5a6796 Preview

Shades and Tints of #5a6796

Tones of #5a6796

Color Blindness Simulator