#5a6880 hex color

In a RGB color space, hex #5a6880 is composed of 35.3% red, 40.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 18.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 217.9 degrees, a saturation of 17.4% and a lightness of 42.7%. #5a6880 color hex could be obtained by blending #b4d0ff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 41
- B 50
RGB color chart
- C 30
- M 19
- Y 0
- K 50
CMYK color chart

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

The hexadecimal color #5a6880 has RGB values of R:90, G:104, B:128 and CMYK values of C:0.3, M:0.19, Y:0, K:0.5. Its decimal value is 5924992.

Hex triplet	5a6880	`#5a6880`
RGB Decimal	90, 104, 128	`rgb(90,104,128)`
RGB Percent	35.3, 40.8, 50.2	`rgb(35.3%,40.8%,50.2%)`
CMYK	30, 19, 0, 50
HSL	217.9°, 17.4, 42.7	`hsl(217.9,17.4%,42.7%)`
HSV (or HSB)	217.9°, 29.7, 50.2
Web Safe	666699	`#666699`

CIE-LAB	43.701, 0.693, -15.07
XYZ	13.062, 13.632, 22.364
xyY	0.266, 0.278, 13.632
CIE-LCH	43.701, 15.086, 272.633
CIE-LUV	43.701, -8.112, -21.188
Hunter-Lab	36.922, -1.465, -10.067
Binary	01011010, 01101000, 10000000

#5a6880
```
#5a6880 rgb(90,104,128)
```
#80725a
```
#80725a rgb(128,114,90)
```

Complementary Color

#5a7b80
```
#5a7b80 rgb(90,123,128)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#5f5a80
```
#5f5a80 rgb(95,90,128)
```

Analogous Color

#7b805a
```
#7b805a rgb(123,128,90)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#805f5a
```
#805f5a rgb(128,95,90)
```

Split Complementary Color

#68805a
```
#68805a rgb(104,128,90)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#805a68
```
#805a68 rgb(128,90,104)
```

Triadic Color

#5a8072
```
#5a8072 rgb(90,128,114)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#805a68
```
#805a68 rgb(128,90,104)
```
#80725a
```
#80725a rgb(128,114,90)
```

Tetradic Color

#3a4453
```
#3a4453 rgb(58,68,83)
```
#455062
```
#455062 rgb(69,80,98)
```
#4f5c71
```
#4f5c71 rgb(79,92,113)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#65748f
```
#65748f rgb(101,116,143)
```
#71819c
```
#71819c rgb(113,129,156)
```
#808ea6
```
#808ea6 rgb(128,142,166)
```

Monochromatic Color

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

#5a7280
```
#5a7280 rgb(90,114,128)
```
#5a6e80
```
#5a6e80 rgb(90,110,128)
```
#5a6b80
```
#5a6b80 rgb(90,107,128)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#5a6580
```
#5a6580 rgb(90,101,128)
```
#5a6280
```
#5a6280 rgb(90,98,128)
```
#5a5f80
```
#5a5f80 rgb(90,95,128)
```

Similar Colors

Text with hexadecimal color #5a6880

This text has a font color of #5a6880.

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

#5a6880 background color

This paragraph has a background color of #5a6880.

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

#5a6880 border color

This element has a border color of #5a6880.

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

CSS codes

.text {color:#5a6880;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0d
```
#090a0d rgb(9,10,13)
```
#111418
```
#111418 rgb(17,20,24)
```
#191d24
```
#191d24 rgb(25,29,36)
```
#21262f
```
#21262f rgb(33,38,47)
```
#29303b
```
#29303b rgb(41,48,59)
```
#323946
```
#323946 rgb(50,57,70)
```
#3a4352
```
#3a4352 rgb(58,67,82)
```
#424c5d
```
#424c5d rgb(66,76,93)
```
#4a5569
```
#4a5569 rgb(74,85,105)
```
#525f74
```
#525f74 rgb(82,95,116)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#62718c
```
#62718c rgb(98,113,140)
```

Shade Color Variation

#6b7b97
```
#6b7b97 rgb(107,123,151)
```
#76859f
```
#76859f rgb(118,133,159)
```
#828fa7
```
#828fa7 rgb(130,143,167)
```
#8d9aaf
```
#8d9aaf rgb(141,154,175)
```
#99a4b7
```
#99a4b7 rgb(153,164,183)
```
#a4aebf
```
#a4aebf rgb(164,174,191)
```
#b0b8c7
```
#b0b8c7 rgb(176,184,199)
```
#bbc3cf
```
#bbc3cf rgb(187,195,207)
```
#c7cdd7
```
#c7cdd7 rgb(199,205,215)
```
#d2d7e0
```
#d2d7e0 rgb(210,215,224)
```
#dee1e8
```
#dee1e8 rgb(222,225,232)
```
#e9ecf0
```
#e9ecf0 rgb(233,236,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

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

#6b6c6f
```
#6b6c6f rgb(107,108,111)
```
#626a78
```
#626a78 rgb(98,106,120)
```
#5a6880
```
#5a6880 rgb(90,104,128)
```
#526688
```
#526688 rgb(82,102,136)
```
#496491
```
#496491 rgb(73,100,145)
```
#416199
```
#416199 rgb(65,97,153)
```
#385fa2
```
#385fa2 rgb(56,95,162)
```
#305daa
```
#305daa rgb(48,93,170)
```
#285bb2
```
#285bb2 rgb(40,91,178)
```
#1f59bb
```
#1f59bb rgb(31,89,187)
```
#1756c3
```
#1756c3 rgb(23,86,195)
```
#0f54cb
```
#0f54cb rgb(15,84,203)
```
#0652d4
```
#0652d4 rgb(6,82,212)
```

Tone Color Variation

Below, you can see how #5a6880 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
#64676c Atypical Achromatopsia 0.001% of the population

Dichromacy

#696e85 Protanopia 1% of men
#6c6d87 Deuteranopia 1% of men
#5f727a Tritanopia 0.001% of the population

Trichromacy

#636b83 Protanomaly 1% of men, 0.01% of women
#656b84 Deuteranomaly 6% of men, 0.4% of women
#5d6e7c Tritanomaly 0.01% of the population

#5a6880 hex color

#5a6880 Color Information

#5a6880 Color Conversion

Color Schemes with #5a6880

Alternatives to #5a6880

#5a6880 Preview

Shades and Tints of #5a6880

Tones of #5a6880

Color Blindness Simulator