#5c7b88 hex color

In a RGB color space, hex #5c7b88 is composed of 36.1% red, 48.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 9.6% magenta, 0% yellow and 46.7% black. It has a hue angle of 197.7 degrees, a saturation of 19.3% and a lightness of 44.7%. #5c7b88 color hex could be obtained by blending #b8f6ff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 48
- B 53
RGB color chart
- C 32
- M 10
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #5c7b88 has RGB values of R:92, G:123, B:136 and CMYK values of C:0.32, M:0.1, Y:0, K:0.47. Its decimal value is 6060936.

Hex triplet	5c7b88	`#5c7b88`
RGB Decimal	92, 123, 136	`rgb(92,123,136)`
RGB Percent	36.1, 48.2, 53.3	`rgb(36.1%,48.2%,53.3%)`
CMYK	32, 10, 0, 47
HSL	197.7°, 19.3, 44.7	`hsl(197.7,19.3%,44.7%)`
HSV (or HSB)	197.7°, 32.4, 53.3
Web Safe	666699	`#666699`

CIE-LAB	49.76, -7.718, -10.65
XYZ	15.939, 18.218, 25.968
xyY	0.265, 0.303, 18.218
CIE-LCH	49.76, 13.153, 234.067
CIE-LUV	49.76, -15.633, -14.043
Hunter-Lab	42.683, -8.036, -6.194
Binary	01011100, 01111011, 10001000

#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#88695c
```
#88695c rgb(136,105,92)
```

Complementary Color

#5c887f
```
#5c887f rgb(92,136,127)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#5c6588
```
#5c6588 rgb(92,101,136)
```

Analogous Color

#887f5c
```
#887f5c rgb(136,127,92)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#885c65
```
#885c65 rgb(136,92,101)
```

Split Complementary Color

#7b885c
```
#7b885c rgb(123,136,92)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#885c7b
```
#885c7b rgb(136,92,123)
```

Triadic Color

#5c8869
```
#5c8869 rgb(92,136,105)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#885c7b
```
#885c7b rgb(136,92,123)
```
#88695c
```
#88695c rgb(136,105,92)
```

Tetradic Color

#3d525a
```
#3d525a rgb(61,82,90)
```
#475f6a
```
#475f6a rgb(71,95,106)
```
#526d79
```
#526d79 rgb(82,109,121)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#668997
```
#668997 rgb(102,137,151)
```
#7595a2
```
#7595a2 rgb(117,149,162)
```
#84a0ac
```
#84a0ac rgb(132,160,172)
```

Monochromatic Color

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

#5c8688
```
#5c8688 rgb(92,134,136)
```
#5c8288
```
#5c8288 rgb(92,130,136)
```
#5c7f88
```
#5c7f88 rgb(92,127,136)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#5c7788
```
#5c7788 rgb(92,119,136)
```
#5c7488
```
#5c7488 rgb(92,116,136)
```
#5c7088
```
#5c7088 rgb(92,112,136)
```

Similar Colors

Text with hexadecimal color #5c7b88

This text has a font color of #5c7b88.

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

#5c7b88 background color

This paragraph has a background color of #5c7b88.

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

#5c7b88 border color

This element has a border color of #5c7b88.

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

CSS codes

.text {color:#5c7b88;}

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

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

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

#050707
```
#050707 rgb(5,7,7)
```
#0d1113
```
#0d1113 rgb(13,17,19)
```
#151c1f
```
#151c1f rgb(21,28,31)
```
#1d262a
```
#1d262a rgb(29,38,42)
```
#253136
```
#253136 rgb(37,49,54)
```
#2d3c42
```
#2d3c42 rgb(45,60,66)
```
#34464d
```
#34464d rgb(52,70,77)
```
#3c5159
```
#3c5159 rgb(60,81,89)
```
#445b65
```
#445b65 rgb(68,91,101)
```
#4c6671
```
#4c6671 rgb(76,102,113)
```
#54707c
```
#54707c rgb(84,112,124)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#648694
```
#648694 rgb(100,134,148)
```

Shade Color Variation

#6e8f9d
```
#6e8f9d rgb(110,143,157)
```
#7a98a5
```
#7a98a5 rgb(122,152,165)
```
#86a1ad
```
#86a1ad rgb(134,161,173)
```
#91aab5
```
#91aab5 rgb(145,170,181)
```
#9db3bd
```
#9db3bd rgb(157,179,189)
```
#a9bcc5
```
#a9bcc5 rgb(169,188,197)
```
#b4c5cd
```
#b4c5cd rgb(180,197,205)
```
#c0ced4
```
#c0ced4 rgb(192,206,212)
```
#ccd7dc
```
#ccd7dc rgb(204,215,220)
```
#d7e0e4
```
#d7e0e4 rgb(215,224,228)
```
#e3eaec
```
#e3eaec rgb(227,234,236)
```
#eff3f4
```
#eff3f4 rgb(239,243,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#6e7476
```
#6e7476 rgb(110,116,118)
```
#65777f
```
#65777f rgb(101,119,127)
```
#5c7b88
```
#5c7b88 rgb(92,123,136)
```
#537f91
```
#537f91 rgb(83,127,145)
```
#4a829a
```
#4a829a rgb(74,130,154)
```
#4286a2
```
#4286a2 rgb(66,134,162)
```
#3989ab
```
#3989ab rgb(57,137,171)
```
#308db4
```
#308db4 rgb(48,141,180)
```
#2791bd
```
#2791bd rgb(39,145,189)
```
#1f94c5
```
#1f94c5 rgb(31,148,197)
```
#1698ce
```
#1698ce rgb(22,152,206)
```
#0d9bd7
```
#0d9bd7 rgb(13,155,215)
```
#049fe0
```
#049fe0 rgb(4,159,224)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e7577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7c8b Protanopia 1% of men
#7f7a90 Deuteranopia 1% of men
#63828b Tritanopia 0.001% of the population

Trichromacy

#6f7c89 Protanomaly 1% of men, 0.01% of women
#727a8d Deuteranomaly 6% of men, 0.4% of women
#607f8a Tritanomaly 0.01% of the population

#5c7b88 hex color

#5c7b88 Color Information

#5c7b88 Color Conversion

Color Schemes with #5c7b88

Alternatives to #5c7b88

#5c7b88 Preview

Shades and Tints of #5c7b88

Tones of #5c7b88

Color Blindness Simulator