#5a7e88 hex color

In a RGB color space, hex #5a7e88 is composed of 35.3% red, 49.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 7.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 193 degrees, a saturation of 20.4% and a lightness of 44.3%. #5a7e88 color hex could be obtained by blending #b4fcff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 49
- B 53
RGB color chart
- C 34
- M 7
- Y 0
- K 47
CMYK color chart

● #5a7e88 color description : Mostly desaturated dark cyan.

The hexadecimal color #5a7e88 has RGB values of R:90, G:126, B:136 and CMYK values of C:0.34, M:0.07, Y:0, K:0.47. Its decimal value is 5930632.

Hex triplet	5a7e88	`#5a7e88`
RGB Decimal	90, 126, 136	`rgb(90,126,136)`
RGB Percent	35.3, 49.4, 53.3	`rgb(35.3%,49.4%,53.3%)`
CMYK	34, 7, 0, 47
HSL	193°, 20.4, 44.3	`hsl(193,20.4%,44.3%)`
HSV (or HSB)	193°, 33.8, 53.3
Web Safe	666699	`#666699`

CIE-LAB	50.537, -10.033, -9.494
XYZ	16.12, 18.872, 26.085
xyY	0.264, 0.309, 18.872
CIE-LCH	50.537, 13.813, 223.421
CIE-LUV	50.537, -17.746, -12.056
Hunter-Lab	43.442, -9.788, -5.191
Binary	01011010, 01111110, 10001000

#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#88645a
```
#88645a rgb(136,100,90)
```

Complementary Color

#5a887b
```
#5a887b rgb(90,136,123)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#5a6788
```
#5a6788 rgb(90,103,136)
```

Analogous Color

#887b5a
```
#887b5a rgb(136,123,90)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#885a67
```
#885a67 rgb(136,90,103)
```

Split Complementary Color

#7e885a
```
#7e885a rgb(126,136,90)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#885a7e
```
#885a7e rgb(136,90,126)
```

Triadic Color

#5a8864
```
#5a8864 rgb(90,136,100)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#885a7e
```
#885a7e rgb(136,90,126)
```
#88645a
```
#88645a rgb(136,100,90)
```

Tetradic Color

#3c535a
```
#3c535a rgb(60,83,90)
```
#466269
```
#466269 rgb(70,98,105)
```
#507079
```
#507079 rgb(80,112,121)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#648c97
```
#648c97 rgb(100,140,151)
```
#7398a2
```
#7398a2 rgb(115,152,162)
```
#82a3ac
```
#82a3ac rgb(130,163,172)
```

Monochromatic Color

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

#5a8887
```
#5a8887 rgb(90,136,135)
```
#5a8688
```
#5a8688 rgb(90,134,136)
```
#5a8288
```
#5a8288 rgb(90,130,136)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#5a7a88
```
#5a7a88 rgb(90,122,136)
```
#5a7688
```
#5a7688 rgb(90,118,136)
```
#5a7388
```
#5a7388 rgb(90,115,136)
```

Similar Colors

Text with hexadecimal color #5a7e88

This text has a font color of #5a7e88.

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

#5a7e88 background color

This paragraph has a background color of #5a7e88.

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

#5a7e88 border color

This element has a border color of #5a7e88.

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

CSS codes

.text {color:#5a7e88;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1112
```
#0c1112 rgb(12,17,18)
```
#141c1e
```
#141c1e rgb(20,28,30)
```
#1c272a
```
#1c272a rgb(28,39,42)
```
#233135
```
#233135 rgb(35,49,53)
```
#2b3c41
```
#2b3c41 rgb(43,60,65)
```
#33474d
```
#33474d rgb(51,71,77)
```
#3b5259
```
#3b5259 rgb(59,82,89)
```
#435d65
```
#435d65 rgb(67,93,101)
```
#4a6870
```
#4a6870 rgb(74,104,112)
```
#52737c
```
#52737c rgb(82,115,124)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#628994
```
#628994 rgb(98,137,148)
```

Shade Color Variation

#6c939e
```
#6c939e rgb(108,147,158)
```
#789ba5
```
#789ba5 rgb(120,155,165)
```
#83a4ad
```
#83a4ad rgb(131,164,173)
```
#8fadb5
```
#8fadb5 rgb(143,173,181)
```
#9bb5bd
```
#9bb5bd rgb(155,181,189)
```
#a7bec5
```
#a7bec5 rgb(167,190,197)
```
#b3c7cc
```
#b3c7cc rgb(179,199,204)
```
#becfd4
```
#becfd4 rgb(190,207,212)
```
#cad8dc
```
#cad8dc rgb(202,216,220)
```
#d6e1e4
```
#d6e1e4 rgb(214,225,228)
```
#e2e9ec
```
#e2e9ec rgb(226,233,236)
```
#eef2f3
```
#eef2f3 rgb(238,242,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#6b7477
```
#6b7477 rgb(107,116,119)
```
#63797f
```
#63797f rgb(99,121,127)
```
#5a7e88
```
#5a7e88 rgb(90,126,136)
```
#518391
```
#518391 rgb(81,131,145)
```
#498899
```
#498899 rgb(73,136,153)
```
#408da2
```
#408da2 rgb(64,141,162)
```
#3792ab
```
#3792ab rgb(55,146,171)
```
#2f97b3
```
#2f97b3 rgb(47,151,179)
```
#269bbc
```
#269bbc rgb(38,155,188)
```
#1da0c5
```
#1da0c5 rgb(29,160,197)
```
#14a5ce
```
#14a5ce rgb(20,165,206)
```
#0caad6
```
#0caad6 rgb(12,170,214)
```
#03afdf
```
#03afdf rgb(3,175,223)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6f7678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7e8a Protanopia 1% of men
#827c91 Deuteranopia 1% of men
#62848e Tritanopia 0.001% of the population

Trichromacy

#707e89 Protanomaly 1% of men, 0.01% of women
#737c8d Deuteranomaly 6% of men, 0.4% of women
#5f828c Tritanomaly 0.01% of the population

#5a7e88 hex color

#5a7e88 Color Information

#5a7e88 Color Conversion

Color Schemes with #5a7e88

Alternatives to #5a7e88

#5a7e88 Preview

Shades and Tints of #5a7e88

Tones of #5a7e88

Color Blindness Simulator