#5a8195 hex color

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

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

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

The hexadecimal color #5a8195 has RGB values of R:90, G:129, B:149 and CMYK values of C:0.4, M:0.13, Y:0, K:0.42. Its decimal value is 5931413.

Hex triplet	5a8195	`#5a8195`
RGB Decimal	90, 129, 149	`rgb(90,129,149)`
RGB Percent	35.3, 50.6, 58.4	`rgb(35.3%,50.6%,58.4%)`
CMYK	40, 13, 0, 42
HSL	200.3°, 24.7, 46.9	`hsl(200.3,24.7%,46.9%)`
HSV (or HSB)	200.3°, 39.6, 58.4
Web Safe	669999	`#669999`

CIE-LAB	51.886, -8.217, -15.061
XYZ	17.49, 20.043, 31.379
xyY	0.254, 0.291, 20.043
CIE-LCH	51.886, 17.157, 241.383
CIE-LUV	51.886, -18.985, -20.77
Hunter-Lab	44.77, -8.612, -10.218
Binary	01011010, 10000001, 10010101

#5a8195
```
#5a8195 rgb(90,129,149)
```
#956e5a
```
#956e5a rgb(149,110,90)
```

Complementary Color

#5a958c
```
#5a958c rgb(90,149,140)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```
#5a6495
```
#5a6495 rgb(90,100,149)
```

Analogous Color

#958c5a
```
#958c5a rgb(149,140,90)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```
#955a64
```
#955a64 rgb(149,90,100)
```

Split Complementary Color

#81955a
```
#81955a rgb(129,149,90)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```
#955a81
```
#955a81 rgb(149,90,129)
```

Triadic Color

#5a956e
```
#5a956e rgb(90,149,110)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```
#955a81
```
#955a81 rgb(149,90,129)
```
#956e5a
```
#956e5a rgb(149,110,90)
```

Tetradic Color

#3d5865
```
#3d5865 rgb(61,88,101)
```
#476575
```
#476575 rgb(71,101,117)
```
#507385
```
#507385 rgb(80,115,133)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```
#668ea3
```
#668ea3 rgb(102,142,163)
```
#769aac
```
#769aac rgb(118,154,172)
```
#86a5b6
```
#86a5b6 rgb(134,165,182)
```

Monochromatic Color

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

#5a9095
```
#5a9095 rgb(90,144,149)
```
#5a8b95
```
#5a8b95 rgb(90,139,149)
```
#5a8695
```
#5a8695 rgb(90,134,149)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```
#5a7c95
```
#5a7c95 rgb(90,124,149)
```
#5a7795
```
#5a7795 rgb(90,119,149)
```
#5a7295
```
#5a7295 rgb(90,114,149)
```

Similar Colors

Text with hexadecimal color #5a8195

This text has a font color of #5a8195.

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

#5a8195 background color

This paragraph has a background color of #5a8195.

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

#5a8195 border color

This element has a border color of #5a8195.

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

CSS codes

.text {color:#5a8195;}

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

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

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)
```
#090d0e
```
#090d0e rgb(9,13,14)
```
#10171b
```
#10171b rgb(16,23,27)
```
#182227
```
#182227 rgb(24,34,39)
```
#1f2c33
```
#1f2c33 rgb(31,44,51)
```
#26373f
```
#26373f rgb(38,55,63)
```
#2e414c
```
#2e414c rgb(46,65,76)
```
#354c58
```
#354c58 rgb(53,76,88)
```
#3c5764
```
#3c5764 rgb(60,87,100)
```
#446170
```
#446170 rgb(68,97,112)
```
#4b6c7d
```
#4b6c7d rgb(75,108,125)
```
#537689
```
#537689 rgb(83,118,137)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```

Shade Color Variation

#628ba0
```
#628ba0 rgb(98,139,160)
```
#6f94a8
```
#6f94a8 rgb(111,148,168)
```
#7b9daf
```
#7b9daf rgb(123,157,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)
```
#c4d4db
```
#c4d4db rgb(196,212,219)
```
#d0dde3
```
#d0dde3 rgb(208,221,227)
```
#dde6ea
```
#dde6ea rgb(221,230,234)
```
#e9eff2
```
#e9eff2 rgb(233,239,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 #079ce8 is the most saturated one.

#767879
```
#767879 rgb(118,120,121)
```
#6c7b83
```
#6c7b83 rgb(108,123,131)
```
#637e8c
```
#637e8c rgb(99,126,140)
```
#5a8195
```
#5a8195 rgb(90,129,149)
```
#51849e
```
#51849e rgb(81,132,158)
```
#4887a7
```
#4887a7 rgb(72,135,167)
```
#3e8ab1
```
#3e8ab1 rgb(62,138,177)
```
#358dba
```
#358dba rgb(53,141,186)
```
#2c90c3
```
#2c90c3 rgb(44,144,195)
```
#2393cc
```
#2393cc rgb(35,147,204)
```
#1a96d5
```
#1a96d5 rgb(26,150,213)
```
#1099df
```
#1099df rgb(16,153,223)
```
#079ce8
```
#079ce8 rgb(7,156,232)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#727a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8196 Protanopia 1% of men
#80809d Deuteranopia 1% of men
#608892 Tritanopia 0.001% of the population

Trichromacy

#718196 Protanomaly 1% of men, 0.01% of women
#72809a Deuteranomaly 6% of men, 0.4% of women
#5d8693 Tritanomaly 0.01% of the population

#5a8195 hex color

#5a8195 Color Information

#5a8195 Color Conversion

Color Schemes with #5a8195

Alternatives to #5a8195

#5a8195 Preview

Shades and Tints of #5a8195

Tones of #5a8195

Color Blindness Simulator