#5d7ba8 hex color

In a RGB color space, hex #5d7ba8 is composed of 36.5% red, 48.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 26.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 216 degrees, a saturation of 30.1% and a lightness of 51.2%. #5d7ba8 color hex could be obtained by blending #baf6ff with #000051. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 48
- B 66
RGB color chart
- C 45
- M 27
- Y 0
- K 34
CMYK color chart

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

The hexadecimal color #5d7ba8 has RGB values of R:93, G:123, B:168 and CMYK values of C:0.45, M:0.27, Y:0, K:0.34. Its decimal value is 6126504.

Hex triplet	5d7ba8	`#5d7ba8`
RGB Decimal	93, 123, 168	`rgb(93,123,168)`
RGB Percent	36.5, 48.2, 65.9	`rgb(36.5%,48.2%,65.9%)`
CMYK	45, 27, 0, 34
HSL	216°, 30.1, 51.2	`hsl(216,30.1%,51.2%)`
HSV (or HSB)	216°, 44.6, 65.9
Web Safe	666699	`#666699`

CIE-LAB	51.059, 1.57, -27.369
XYZ	18.663, 19.319, 39.789
xyY	0.24, 0.248, 19.319
CIE-LCH	51.059, 27.414, 273.284
CIE-LUV	51.059, -15.494, -41.099
Hunter-Lab	43.954, -1.126, -22.905
Binary	01011101, 01111011, 10101000

#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#a88a5d
```
#a88a5d rgb(168,138,93)
```

Complementary Color

#5da1a8
```
#5da1a8 rgb(93,161,168)
```
#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#655da8
```
#655da8 rgb(101,93,168)
```

Analogous Color

#a1a85d
```
#a1a85d rgb(161,168,93)
```
#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#a8655d
```
#a8655d rgb(168,101,93)
```

Split Complementary Color

#7ba85d
```
#7ba85d rgb(123,168,93)
```
#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#a85d7b
```
#a85d7b rgb(168,93,123)
```

Triadic Color

#5da88a
```
#5da88a rgb(93,168,138)
```
#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#a85d7b
```
#a85d7b rgb(168,93,123)
```
#a88a5d
```
#a88a5d rgb(168,138,93)
```

Tetradic Color

#405778
```
#405778 rgb(64,87,120)
```
#496389
```
#496389 rgb(73,99,137)
```
#526f99
```
#526f99 rgb(82,111,153)
```
#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#6e89b1
```
#6e89b1 rgb(110,137,177)
```
#7e96ba
```
#7e96ba rgb(126,150,186)
```
#8fa4c3
```
#8fa4c3 rgb(143,164,195)
```

Monochromatic Color

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

#5d8ea8
```
#5d8ea8 rgb(93,142,168)
```
#5d88a8
```
#5d88a8 rgb(93,136,168)
```
#5d81a8
```
#5d81a8 rgb(93,129,168)
```
#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#5d75a8
```
#5d75a8 rgb(93,117,168)
```
#5d6fa8
```
#5d6fa8 rgb(93,111,168)
```
#5d68a8
```
#5d68a8 rgb(93,104,168)
```

Similar Colors

Text with hexadecimal color #5d7ba8

This text has a font color of #5d7ba8.

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

#5d7ba8 background color

This paragraph has a background color of #5d7ba8.

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

#5d7ba8 border color

This element has a border color of #5d7ba8.

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

CSS codes

.text {color:#5d7ba8;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090c11
```
#090c11 rgb(9,12,17)
```
#10151d
```
#10151d rgb(16,21,29)
```
#171e2a
```
#171e2a rgb(23,30,42)
```
#1e2837
```
#1e2837 rgb(30,40,55)
```
#243144
```
#243144 rgb(36,49,68)
```
#2b3a50
```
#2b3a50 rgb(43,58,80)
```
#32435d
```
#32435d rgb(50,67,93)
```
#394d6a
```
#394d6a rgb(57,77,106)
```
#405677
```
#405677 rgb(64,86,119)
```
#475f84
```
#475f84 rgb(71,95,132)
```
#4d6890
```
#4d6890 rgb(77,104,144)
```
#54719d
```
#54719d rgb(84,113,157)
```

Shade Color Variation

#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#6a85af
```
#6a85af rgb(106,133,175)
```
#7790b6
```
#7790b6 rgb(119,144,182)
```
#839abd
```
#839abd rgb(131,154,189)
```
#90a5c3
```
#90a5c3 rgb(144,165,195)
```
#9dafca
```
#9dafca rgb(157,175,202)
```
#aab9d1
```
#aab9d1 rgb(170,185,209)
```
#b6c4d8
```
#b6c4d8 rgb(182,196,216)
```
#c3cedf
```
#c3cedf rgb(195,206,223)
```
#d0d9e6
```
#d0d9e6 rgb(208,217,230)
```
#dde3ed
```
#dde3ed rgb(221,227,237)
```
#e9edf3
```
#e9edf3 rgb(233,237,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a818b is the less saturated color, while #076afe is the most saturated one.

#7a818b
```
#7a818b rgb(122,129,139)
```
#707f95
```
#707f95 rgb(112,127,149)
```
#677d9e
```
#677d9e rgb(103,125,158)
```
#5d7ba8
```
#5d7ba8 rgb(93,123,168)
```
#5379b2
```
#5379b2 rgb(83,121,178)
```
#4a77bb
```
#4a77bb rgb(74,119,187)
```
#4075c5
```
#4075c5 rgb(64,117,197)
```
#3773ce
```
#3773ce rgb(55,115,206)
```
#2d71d8
```
#2d71d8 rgb(45,113,216)
```
#2470e1
```
#2470e1 rgb(36,112,225)
```
#1a6eeb
```
#1a6eeb rgb(26,110,235)
```
#106cf5
```
#106cf5 rgb(16,108,245)
```
#076afe
```
#076afe rgb(7,106,254)
```

Tone Color Variation

Below, you can see how #5d7ba8 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
#727881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727faa Protanopia 1% of men
#707fad Deuteranopia 1% of men
#5b8791 Tritanopia 0.001% of the population

Trichromacy

#6a7da9 Protanomaly 1% of men, 0.01% of women
#697dab Deuteranomaly 6% of men, 0.4% of women
#5c8299 Tritanomaly 0.01% of the population

#5d7ba8 hex color

#5d7ba8 Color Information

#5d7ba8 Color Conversion

Color Schemes with #5d7ba8

Alternatives to #5d7ba8

#5d7ba8 Preview

Shades and Tints of #5d7ba8

Tones of #5d7ba8

Color Blindness Simulator