#5a8095 hex color

In a RGB color space, hex #5a8095 is composed of 35.3% red, 50.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 14.1% magenta, 0% yellow and 41.6% black. It has a hue angle of 201.4 degrees, a saturation of 24.7% and a lightness of 46.9%. #5a8095 color hex could be obtained by blending #b4ffff with #00012b. Closest websafe color is: #669999.

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

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

The hexadecimal color #5a8095 has RGB values of R:90, G:128, B:149 and CMYK values of C:0.4, M:0.14, Y:0, K:0.42. Its decimal value is 5931157.

Hex triplet	5a8095	`#5a8095`
RGB Decimal	90, 128, 149	`rgb(90,128,149)`
RGB Percent	35.3, 50.2, 58.4	`rgb(35.3%,50.2%,58.4%)`
CMYK	40, 14, 0, 42
HSL	201.4°, 24.7, 46.9	`hsl(201.4,24.7%,46.9%)`
HSV (or HSB)	201.4°, 39.6, 58.4
Web Safe	669999	`#669999`

CIE-LAB	51.589, -7.648, -15.513
XYZ	17.359, 19.781, 31.336
xyY	0.254, 0.289, 19.781
CIE-LCH	51.589, 17.296, 243.755
CIE-LUV	51.589, -18.568, -21.512
Hunter-Lab	44.476, -8.164, -10.64
Binary	01011010, 10000000, 10010101

#5a8095
```
#5a8095 rgb(90,128,149)
```
#956f5a
```
#956f5a rgb(149,111,90)
```

Complementary Color

#5a958d
```
#5a958d rgb(90,149,141)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#5a6395
```
#5a6395 rgb(90,99,149)
```

Analogous Color

#958d5a
```
#958d5a rgb(149,141,90)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#955a63
```
#955a63 rgb(149,90,99)
```

Split Complementary Color

#80955a
```
#80955a rgb(128,149,90)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#955a80
```
#955a80 rgb(149,90,128)
```

Triadic Color

#5a956f
```
#5a956f rgb(90,149,111)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#955a80
```
#955a80 rgb(149,90,128)
```
#956f5a
```
#956f5a rgb(149,111,90)
```

Tetradic Color

#3d5765
```
#3d5765 rgb(61,87,101)
```
#476575
```
#476575 rgb(71,101,117)
```
#507285
```
#507285 rgb(80,114,133)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#668da3
```
#668da3 rgb(102,141,163)
```
#7699ac
```
#7699ac rgb(118,153,172)
```
#86a5b6
```
#86a5b6 rgb(134,165,182)
```

Monochromatic Color

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

#5a8f95
```
#5a8f95 rgb(90,143,149)
```
#5a8a95
```
#5a8a95 rgb(90,138,149)
```
#5a8595
```
#5a8595 rgb(90,133,149)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#5a7b95
```
#5a7b95 rgb(90,123,149)
```
#5a7695
```
#5a7695 rgb(90,118,149)
```
#5a7195
```
#5a7195 rgb(90,113,149)
```

Similar Colors

Text with hexadecimal color #5a8095

This text has a font color of #5a8095.

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

#5a8095 background color

This paragraph has a background color of #5a8095.

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

#5a8095 border color

This element has a border color of #5a8095.

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

CSS codes

.text {color:#5a8095;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090c0e
```
#090c0e rgb(9,12,14)
```
#10171b
```
#10171b rgb(16,23,27)
```
#182127
```
#182127 rgb(24,33,39)
```
#1f2c33
```
#1f2c33 rgb(31,44,51)
```
#26363f
```
#26363f rgb(38,54,63)
```
#2e414c
```
#2e414c rgb(46,65,76)
```
#354b58
```
#354b58 rgb(53,75,88)
```
#3c5664
```
#3c5664 rgb(60,86,100)
```
#446070
```
#446070 rgb(68,96,112)
```
#4b6b7d
```
#4b6b7d rgb(75,107,125)
```
#537589
```
#537589 rgb(83,117,137)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```

Shade Color Variation

#628aa0
```
#628aa0 rgb(98,138,160)
```
#6f93a8
```
#6f93a8 rgb(111,147,168)
```
#7b9caf
```
#7b9caf rgb(123,156,175)
```
#87a6b6
```
#87a6b6 rgb(135,166,182)
```
#93afbe
```
#93afbe rgb(147,175,190)
```
#9fb8c5
```
#9fb8c5 rgb(159,184,197)
```
#acc1cd
```
#acc1cd rgb(172,193,205)
```
#b8cad4
```
#b8cad4 rgb(184,202,212)
```
#c4d3db
```
#c4d3db rgb(196,211,219)
```
#d0dce3
```
#d0dce3 rgb(208,220,227)
```
#dde5ea
```
#dde5ea rgb(221,229,234)
```
#e9eef2
```
#e9eef2 rgb(233,238,242)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Tint Color Variation

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

#767879
```
#767879 rgb(118,120,121)
```
#6c7b83
```
#6c7b83 rgb(108,123,131)
```
#637d8c
```
#637d8c rgb(99,125,140)
```
#5a8095
```
#5a8095 rgb(90,128,149)
```
#51839e
```
#51839e rgb(81,131,158)
```
#4885a7
```
#4885a7 rgb(72,133,167)
```
#3e88b1
```
#3e88b1 rgb(62,136,177)
```
#358bba
```
#358bba rgb(53,139,186)
```
#2c8dc3
```
#2c8dc3 rgb(44,141,195)
```
#2390cc
```
#2390cc rgb(35,144,204)
```
#1a93d5
```
#1a93d5 rgb(26,147,213)
```
#1095df
```
#1095df rgb(16,149,223)
```
#0798e8
```
#0798e8 rgb(7,152,232)
```

Tone Color Variation

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

#7d8096 Protanopia 1% of men
#7f7f9d Deuteranopia 1% of men
#5f8892 Tritanopia 0.001% of the population

Trichromacy

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

#5a8095 hex color

#5a8095 Color Information

#5a8095 Color Conversion

Color Schemes with #5a8095

Alternatives to #5a8095

#5a8095 Preview

Shades and Tints of #5a8095

Tones of #5a8095

Color Blindness Simulator