#5d8198 hex color

In a RGB color space, hex #5d8198 is composed of 36.5% red, 50.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 15.1% magenta, 0% yellow and 40.4% black. It has a hue angle of 203.4 degrees, a saturation of 24.1% and a lightness of 48%. #5d8198 color hex could be obtained by blending #baffff with #000331. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 51
- B 60
RGB color chart
- C 39
- M 15
- Y 0
- K 40
CMYK color chart

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

The hexadecimal color #5d8198 has RGB values of R:93, G:129, B:152 and CMYK values of C:0.39, M:0.15, Y:0, K:0.4. Its decimal value is 6128024.

Hex triplet	5d8198	`#5d8198`
RGB Decimal	93, 129, 152	`rgb(93,129,152)`
RGB Percent	36.5, 50.6, 59.6	`rgb(36.5%,50.6%,59.6%)`
CMYK	39, 15, 0, 40
HSL	203.4°, 24.1, 48	`hsl(203.4,24.1%,48%)`
HSV (or HSB)	203.4°, 38.8, 59.6
Web Safe	669999	`#669999`

CIE-LAB	52.168, -6.533, -16.364
XYZ	18.031, 20.294, 32.671
xyY	0.254, 0.286, 20.294
CIE-LCH	52.168, 17.62, 248.238
CIE-LUV	52.168, -17.839, -23.014
Hunter-Lab	45.049, -7.391, -11.465
Binary	01011101, 10000001, 10011000

#5d8198
```
#5d8198 rgb(93,129,152)
```
#98745d
```
#98745d rgb(152,116,93)
```

Complementary Color

#5d9892
```
#5d9892 rgb(93,152,146)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```
#5d6498
```
#5d6498 rgb(93,100,152)
```

Analogous Color

#98925d
```
#98925d rgb(152,146,93)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```
#985d64
```
#985d64 rgb(152,93,100)
```

Split Complementary Color

#81985d
```
#81985d rgb(129,152,93)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```
#985d81
```
#985d81 rgb(152,93,129)
```

Triadic Color

#5d9874
```
#5d9874 rgb(93,152,116)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```
#985d81
```
#985d81 rgb(152,93,129)
```
#98745d
```
#98745d rgb(152,116,93)
```

Tetradic Color

#405969
```
#405969 rgb(64,89,105)
```
#4a6678
```
#4a6678 rgb(74,102,120)
```
#537488
```
#537488 rgb(83,116,136)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```
#6a8ea4
```
#6a8ea4 rgb(106,142,164)
```
#7a9aae
```
#7a9aae rgb(122,154,174)
```
#8aa6b7
```
#8aa6b7 rgb(138,166,183)
```

Monochromatic Color

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

#5d9098
```
#5d9098 rgb(93,144,152)
```
#5d8b98
```
#5d8b98 rgb(93,139,152)
```
#5d8698
```
#5d8698 rgb(93,134,152)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```
#5d7c98
```
#5d7c98 rgb(93,124,152)
```
#5d7798
```
#5d7798 rgb(93,119,152)
```
#5d7298
```
#5d7298 rgb(93,114,152)
```

Similar Colors

Text with hexadecimal color #5d8198

This text has a font color of #5d8198.

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

#5d8198 background color

This paragraph has a background color of #5d8198.

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

#5d8198 border color

This element has a border color of #5d8198.

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

CSS codes

.text {color:#5d8198;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0f12
```
#0b0f12 rgb(11,15,18)
```
#131a1e
```
#131a1e rgb(19,26,30)
```
#1a242a
```
#1a242a rgb(26,36,42)
```
#212e37
```
#212e37 rgb(33,46,55)
```
#293943
```
#293943 rgb(41,57,67)
```
#30434f
```
#30434f rgb(48,67,79)
```
#384d5b
```
#384d5b rgb(56,77,91)
```
#3f5867
```
#3f5867 rgb(63,88,103)
```
#476273
```
#476273 rgb(71,98,115)
```
#4e6c80
```
#4e6c80 rgb(78,108,128)
```
#56778c
```
#56778c rgb(86,119,140)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```

Shade Color Variation

#678ba2
```
#678ba2 rgb(103,139,162)
```
#7394a9
```
#7394a9 rgb(115,148,169)
```
#7f9db1
```
#7f9db1 rgb(127,157,177)
```
#8ba7b8
```
#8ba7b8 rgb(139,167,184)
```
#97b0c0
```
#97b0c0 rgb(151,176,192)
```
#a4b9c7
```
#a4b9c7 rgb(164,185,199)
```
#b0c3cf
```
#b0c3cf rgb(176,195,207)
```
#bcccd6
```
#bcccd6 rgb(188,204,214)
```
#c8d5dd
```
#c8d5dd rgb(200,213,221)
```
#d4dee5
```
#d4dee5 rgb(212,222,229)
```
#e0e8ec
```
#e0e8ec rgb(224,232,236)
```
#edf1f4
```
#edf1f4 rgb(237,241,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b7c is the less saturated color, while #0894ed is the most saturated one.

#797b7c
```
#797b7c rgb(121,123,124)
```
#707d85
```
#707d85 rgb(112,125,133)
```
#667f8f
```
#667f8f rgb(102,127,143)
```
#5d8198
```
#5d8198 rgb(93,129,152)
```
#5483a1
```
#5483a1 rgb(84,131,161)
```
#4a85ab
```
#4a85ab rgb(74,133,171)
```
#4187b4
```
#4187b4 rgb(65,135,180)
```
#3789be
```
#3789be rgb(55,137,190)
```
#2e8bc7
```
#2e8bc7 rgb(46,139,199)
```
#248dd1
```
#248dd1 rgb(36,141,209)
```
#1b90da
```
#1b90da rgb(27,144,218)
```
#1292e3
```
#1292e3 rgb(18,146,227)
```
#0894ed
```
#0894ed rgb(8,148,237)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#737b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d829a Protanopia 1% of men
#7f809f Deuteranopia 1% of men
#628993 Tritanopia 0.001% of the population

Trichromacy

#718199 Protanomaly 1% of men, 0.01% of women
#73809c Deuteranomaly 6% of men, 0.4% of women
#608695 Tritanomaly 0.01% of the population

#5d8198 hex color

#5d8198 Color Information

#5d8198 Color Conversion

Color Schemes with #5d8198

Alternatives to #5d8198

#5d8198 Preview

Shades and Tints of #5d8198

Tones of #5d8198

Color Blindness Simulator