#5a8096 hex color

In a RGB color space, hex #5a8096 is composed of 35.3% red, 50.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 14.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 202 degrees, a saturation of 25% and a lightness of 47.1%. #5a8096 color hex could be obtained by blending #b4ffff with #00012d. Closest websafe color is: #669999.

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

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

The hexadecimal color #5a8096 has RGB values of R:90, G:128, B:150 and CMYK values of C:0.4, M:0.15, Y:0, K:0.41. Its decimal value is 5931158.

Hex triplet	5a8096	`#5a8096`
RGB Decimal	90, 128, 150	`rgb(90,128,150)`
RGB Percent	35.3, 50.2, 58.8	`rgb(35.3%,50.2%,58.8%)`
CMYK	40, 15, 0, 41
HSL	202°, 25, 47.1	`hsl(202,25%,47.1%)`
HSV (or HSB)	202°, 40, 58.8
Web Safe	669999	`#669999`

CIE-LAB	51.625, -7.37, -16.04
XYZ	17.439, 19.813, 31.758
xyY	0.253, 0.287, 19.813
CIE-LCH	51.625, 17.652, 245.324
CIE-LUV	51.625, -18.566, -22.361
Hunter-Lab	44.512, -7.962, -11.143
Binary	01011010, 10000000, 10010110

#5a8096
```
#5a8096 rgb(90,128,150)
```
#96705a
```
#96705a rgb(150,112,90)
```

Complementary Color

#5a968e
```
#5a968e rgb(90,150,142)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```
#5a6296
```
#5a6296 rgb(90,98,150)
```

Analogous Color

#968e5a
```
#968e5a rgb(150,142,90)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```
#965a62
```
#965a62 rgb(150,90,98)
```

Split Complementary Color

#80965a
```
#80965a rgb(128,150,90)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```
#965a80
```
#965a80 rgb(150,90,128)
```

Triadic Color

#5a9670
```
#5a9670 rgb(90,150,112)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```
#965a80
```
#965a80 rgb(150,90,128)
```
#96705a
```
#96705a rgb(150,112,90)
```

Tetradic Color

#3d5766
```
#3d5766 rgb(61,87,102)
```
#476576
```
#476576 rgb(71,101,118)
```
#507286
```
#507286 rgb(80,114,134)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```
#668da3
```
#668da3 rgb(102,141,163)
```
#7699ad
```
#7699ad rgb(118,153,173)
```
#86a5b6
```
#86a5b6 rgb(134,165,182)
```

Monochromatic Color

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

#5a8f96
```
#5a8f96 rgb(90,143,150)
```
#5a8a96
```
#5a8a96 rgb(90,138,150)
```
#5a8596
```
#5a8596 rgb(90,133,150)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```
#5a7b96
```
#5a7b96 rgb(90,123,150)
```
#5a7696
```
#5a7696 rgb(90,118,150)
```
#5a7196
```
#5a7196 rgb(90,113,150)
```

Similar Colors

Text with hexadecimal color #5a8096

This text has a font color of #5a8096.

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

#5a8096 background color

This paragraph has a background color of #5a8096.

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

#5a8096 border color

This element has a border color of #5a8096.

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

CSS codes

.text {color:#5a8096;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090d0f
```
#090d0f rgb(9,13,15)
```
#10171b
```
#10171b rgb(16,23,27)
```
#182228
```
#182228 rgb(24,34,40)
```
#1f2c34
```
#1f2c34 rgb(31,44,52)
```
#273740
```
#273740 rgb(39,55,64)
```
#2e414c
```
#2e414c rgb(46,65,76)
```
#354c59
```
#354c59 rgb(53,76,89)
```
#3d5665
```
#3d5665 rgb(61,86,101)
```
#446171
```
#446171 rgb(68,97,113)
```
#4b6b7d
```
#4b6b7d rgb(75,107,125)
```
#53768a
```
#53768a rgb(83,118,138)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```

Shade Color Variation

#638aa1
```
#638aa1 rgb(99,138,161)
```
#6f93a8
```
#6f93a8 rgb(111,147,168)
```
#7b9cb0
```
#7b9cb0 rgb(123,156,176)
```
#87a6b7
```
#87a6b7 rgb(135,166,183)
```
#94afbf
```
#94afbf rgb(148,175,191)
```
#a0b8c6
```
#a0b8c6 rgb(160,184,198)
```
#acc1cd
```
#acc1cd rgb(172,193,205)
```
#b8cad5
```
#b8cad5 rgb(184,202,213)
```
#c5d3dc
```
#c5d3dc rgb(197,211,220)
```
#d1dde3
```
#d1dde3 rgb(209,221,227)
```
#dde6eb
```
#dde6eb rgb(221,230,235)
```
#e9eff2
```
#e9eff2 rgb(233,239,242)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#76797a
```
#76797a rgb(118,121,122)
```
#6c7b84
```
#6c7b84 rgb(108,123,132)
```
#637e8d
```
#637e8d rgb(99,126,141)
```
#5a8096
```
#5a8096 rgb(90,128,150)
```
#51829f
```
#51829f rgb(81,130,159)
```
#4885a8
```
#4885a8 rgb(72,133,168)
```
#3e87b2
```
#3e87b2 rgb(62,135,178)
```
#358abb
```
#358abb rgb(53,138,187)
```
#2c8cc4
```
#2c8cc4 rgb(44,140,196)
```
#238fcd
```
#238fcd rgb(35,143,205)
```
#1991d7
```
#1991d7 rgb(25,145,215)
```
#1094e0
```
#1094e0 rgb(16,148,224)
```
#0796e9
```
#0796e9 rgb(7,150,233)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#71797d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8097 Protanopia 1% of men
#7e7f9e Deuteranopia 1% of men
#5f8892 Tritanopia 0.001% of the population

Trichromacy

#708097 Protanomaly 1% of men, 0.01% of women
#717f9b Deuteranomaly 6% of men, 0.4% of women
#5d8593 Tritanomaly 0.01% of the population

#5a8096 hex color

#5a8096 Color Information

#5a8096 Color Conversion

Color Schemes with #5a8096

Alternatives to #5a8096

#5a8096 Preview

Shades and Tints of #5a8096

Tones of #5a8096

Color Blindness Simulator