#5a8193 hex color

In a RGB color space, hex #5a8193 is composed of 35.3% red, 50.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 12.2% magenta, 0% yellow and 42.4% black. It has a hue angle of 198.9 degrees, a saturation of 24.1% and a lightness of 46.5%. #5a8193 color hex could be obtained by blending #b4ffff with #000327. Closest websafe color is: #669999.

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

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

The hexadecimal color #5a8193 has RGB values of R:90, G:129, B:147 and CMYK values of C:0.39, M:0.12, Y:0, K:0.42. Its decimal value is 5931411.

Hex triplet	5a8193	`#5a8193`
RGB Decimal	90, 129, 147	`rgb(90,129,147)`
RGB Percent	35.3, 50.6, 57.6	`rgb(35.3%,50.6%,57.6%)`
CMYK	39, 12, 0, 42
HSL	198.9°, 24.1, 46.5	`hsl(198.9,24.1%,46.5%)`
HSV (or HSB)	198.9°, 38.8, 57.6
Web Safe	669999	`#669999`

CIE-LAB	51.815, -8.77, -14.004
XYZ	17.332, 19.98, 30.545
xyY	0.255, 0.294, 19.98
CIE-LCH	51.815, 16.523, 237.944
CIE-LUV	51.815, -18.993, -19.077
Hunter-Lab	44.699, -9.01, -9.227
Binary	01011010, 10000001, 10010011

#5a8193
```
#5a8193 rgb(90,129,147)
```
#936c5a
```
#936c5a rgb(147,108,90)
```

Complementary Color

#5a9389
```
#5a9389 rgb(90,147,137)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```
#5a6593
```
#5a6593 rgb(90,101,147)
```

Analogous Color

#93895a
```
#93895a rgb(147,137,90)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```
#935a65
```
#935a65 rgb(147,90,101)
```

Split Complementary Color

#81935a
```
#81935a rgb(129,147,90)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```
#935a81
```
#935a81 rgb(147,90,129)
```

Triadic Color

#5a936c
```
#5a936c rgb(90,147,108)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```
#935a81
```
#935a81 rgb(147,90,129)
```
#936c5a
```
#936c5a rgb(147,108,90)
```

Tetradic Color

#3d5764
```
#3d5764 rgb(61,87,100)
```
#476573
```
#476573 rgb(71,101,115)
```
#507383
```
#507383 rgb(80,115,131)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```
#658ea1
```
#658ea1 rgb(101,142,161)
```
#759aab
```
#759aab rgb(117,154,171)
```
#85a5b4
```
#85a5b4 rgb(133,165,180)
```

Monochromatic Color

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

#5a8f93
```
#5a8f93 rgb(90,143,147)
```
#5a8b93
```
#5a8b93 rgb(90,139,147)
```
#5a8693
```
#5a8693 rgb(90,134,147)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```
#5a7c93
```
#5a7c93 rgb(90,124,147)
```
#5a7893
```
#5a7893 rgb(90,120,147)
```
#5a7393
```
#5a7393 rgb(90,115,147)
```

Similar Colors

Text with hexadecimal color #5a8193

This text has a font color of #5a8193.

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

#5a8193 background color

This paragraph has a background color of #5a8193.

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

#5a8193 border color

This element has a border color of #5a8193.

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

CSS codes

.text {color:#5a8193;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080c0d
```
#080c0d rgb(8,12,13)
```
#101619
```
#101619 rgb(16,22,25)
```
#172126
```
#172126 rgb(23,33,38)
```
#1e2c32
```
#1e2c32 rgb(30,44,50)
```
#26363e
```
#26363e rgb(38,54,62)
```
#2d414a
```
#2d414a rgb(45,65,74)
```
#354c56
```
#354c56 rgb(53,76,86)
```
#3c5662
```
#3c5662 rgb(60,86,98)
```
#44616f
```
#44616f rgb(68,97,111)
```
#4b6c7b
```
#4b6c7b rgb(75,108,123)
```
#537687
```
#537687 rgb(83,118,135)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```

Shade Color Variation

#628c9f
```
#628c9f rgb(98,140,159)
```
#6e94a6
```
#6e94a6 rgb(110,148,166)
```
#7a9dae
```
#7a9dae rgb(122,157,174)
```
#86a6b5
```
#86a6b5 rgb(134,166,181)
```
#93afbd
```
#93afbd rgb(147,175,189)
```
#9fb8c4
```
#9fb8c4 rgb(159,184,196)
```
#abc1cb
```
#abc1cb rgb(171,193,203)
```
#b7cad3
```
#b7cad3 rgb(183,202,211)
```
#c3d3da
```
#c3d3da rgb(195,211,218)
```
#cfdce2
```
#cfdce2 rgb(207,220,226)
```
#dce5e9
```
#dce5e9 rgb(220,229,233)
```
#e8eef1
```
#e8eef1 rgb(232,238,241)
```
#f4f7f8
```
#f4f7f8 rgb(244,247,248)
```

Tint Color Variation

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

#757778
```
#757778 rgb(117,119,120)
```
#6c7a81
```
#6c7a81 rgb(108,122,129)
```
#637e8a
```
#637e8a rgb(99,126,138)
```
#5a8193
```
#5a8193 rgb(90,129,147)
```
#51849c
```
#51849c rgb(81,132,156)
```
#4888a5
```
#4888a5 rgb(72,136,165)
```
#3f8bae
```
#3f8bae rgb(63,139,174)
```
#368eb7
```
#368eb7 rgb(54,142,183)
```
#2c92c1
```
#2c92c1 rgb(44,146,193)
```
#2395ca
```
#2395ca rgb(35,149,202)
```
#1a99d3
```
#1a99d3 rgb(26,153,211)
```
#119cdc
```
#119cdc rgb(17,156,220)
```
#089fe5
```
#089fe5 rgb(8,159,229)
```

Tone Color Variation

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

#7e8194 Protanopia 1% of men
#817f9b Deuteranopia 1% of men
#608892 Tritanopia 0.001% of the population

Trichromacy

#718194 Protanomaly 1% of men, 0.01% of women
#728098 Deuteranomaly 6% of men, 0.4% of women
#5e8592 Tritanomaly 0.01% of the population

#5a8193 hex color

#5a8193 Color Information

#5a8193 Color Conversion

Color Schemes with #5a8193

Alternatives to #5a8193

#5a8193 Preview

Shades and Tints of #5a8193

Tones of #5a8193

Color Blindness Simulator