#5d688a hex color

In a RGB color space, hex #5d688a is composed of 36.5% red, 40.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 24.6% magenta, 0% yellow and 45.9% black. It has a hue angle of 225.3 degrees, a saturation of 19.5% and a lightness of 45.3%. #5d688a color hex could be obtained by blending #bad0ff with #000015. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 41
- B 54
RGB color chart
- C 33
- M 25
- Y 0
- K 46
CMYK color chart

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

The hexadecimal color #5d688a has RGB values of R:93, G:104, B:138 and CMYK values of C:0.33, M:0.25, Y:0, K:0.46. Its decimal value is 6121610.

Hex triplet	5d688a	`#5d688a`
RGB Decimal	93, 104, 138	`rgb(93,104,138)`
RGB Percent	36.5, 40.8, 54.1	`rgb(36.5%,40.8%,54.1%)`
CMYK	33, 25, 0, 46
HSL	225.3°, 19.5, 45.3	`hsl(225.3,19.5%,45.3%)`
HSV (or HSB)	225.3°, 32.6, 54.1
Web Safe	666699	`#666699`

CIE-LAB	44.322, 4.369, -20.103
XYZ	14.051, 14.062, 26.017
xyY	0.26, 0.26, 14.062
CIE-LCH	44.322, 20.573, 282.26
CIE-LUV	44.322, -7.129, -29.21
Hunter-Lab	37.5, 1.258, -14.885
Binary	01011101, 01101000, 10001010

#5d688a
```
#5d688a rgb(93,104,138)
```
#8a7f5d
```
#8a7f5d rgb(138,127,93)
```

Complementary Color

#5d7f8a
```
#5d7f8a rgb(93,127,138)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#695d8a
```
#695d8a rgb(105,93,138)
```

Analogous Color

#7f8a5d
```
#7f8a5d rgb(127,138,93)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#8a695d
```
#8a695d rgb(138,105,93)
```

Split Complementary Color

#688a5d
```
#688a5d rgb(104,138,93)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#8a5d68
```
#8a5d68 rgb(138,93,104)
```

Triadic Color

#5d8a7f
```
#5d8a7f rgb(93,138,127)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#8a5d68
```
#8a5d68 rgb(138,93,104)
```
#8a7f5d
```
#8a7f5d rgb(138,127,93)
```

Tetradic Color

#3e465c
```
#3e465c rgb(62,70,92)
```
#48516c
```
#48516c rgb(72,81,108)
```
#535d7b
```
#535d7b rgb(83,93,123)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#687499
```
#687499 rgb(104,116,153)
```
#7782a3
```
#7782a3 rgb(119,130,163)
```
#8690ad
```
#8690ad rgb(134,144,173)
```

Monochromatic Color

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

#5d738a
```
#5d738a rgb(93,115,138)
```
#5d708a
```
#5d708a rgb(93,112,138)
```
#5d6c8a
```
#5d6c8a rgb(93,108,138)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#5d648a
```
#5d648a rgb(93,100,138)
```
#5d618a
```
#5d618a rgb(93,97,138)
```
#5d5d8a
```
#5d5d8a rgb(93,93,138)
```

Similar Colors

Text with hexadecimal color #5d688a

This text has a font color of #5d688a.

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

#5d688a background color

This paragraph has a background color of #5d688a.

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

#5d688a border color

This element has a border color of #5d688a.

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

CSS codes

.text {color:#5d688a;}

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

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0e1015
```
#0e1015 rgb(14,16,21)
```
#161921
```
#161921 rgb(22,25,33)
```
#1e212c
```
#1e212c rgb(30,33,44)
```
#262a38
```
#262a38 rgb(38,42,56)
```
#2e3344
```
#2e3344 rgb(46,51,68)
```
#363c4f
```
#363c4f rgb(54,60,79)
```
#3d455b
```
#3d455b rgb(61,69,91)
```
#454e67
```
#454e67 rgb(69,78,103)
```
#4d5673
```
#4d5673 rgb(77,86,115)
```
#555f7e
```
#555f7e rgb(85,95,126)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#657196
```
#657196 rgb(101,113,150)
```

Shade Color Variation

#707b9e
```
#707b9e rgb(112,123,158)
```
#7b86a6
```
#7b86a6 rgb(123,134,166)
```
#8791ae
```
#8791ae rgb(135,145,174)
```
#939cb6
```
#939cb6 rgb(147,156,182)
```
#9fa6be
```
#9fa6be rgb(159,166,190)
```
#aab1c6
```
#aab1c6 rgb(170,177,198)
```
#b6bcce
```
#b6bcce rgb(182,188,206)
```
#c2c7d6
```
#c2c7d6 rgb(194,199,214)
```
#ced1de
```
#ced1de rgb(206,209,222)
```
#d9dce6
```
#d9dce6 rgb(217,220,230)
```
#e5e7ed
```
#e5e7ed rgb(229,231,237)
```
#f1f2f5
```
#f1f2f5 rgb(241,242,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#6f7178
```
#6f7178 rgb(111,113,120)
```
#666d81
```
#666d81 rgb(102,109,129)
```
#5d688a
```
#5d688a rgb(93,104,138)
```
#546393
```
#546393 rgb(84,99,147)
```
#4b5f9c
```
#4b5f9c rgb(75,95,156)
```
#425aa5
```
#425aa5 rgb(66,90,165)
```
#3956ae
```
#3956ae rgb(57,86,174)
```
#3151b6
```
#3151b6 rgb(49,81,182)
```
#284dbf
```
#284dbf rgb(40,77,191)
```
#1f48c8
```
#1f48c8 rgb(31,72,200)
```
#1644d1
```
#1644d1 rgb(22,68,209)
```
#0d3fda
```
#0d3fda rgb(13,63,218)
```
#043be3
```
#043be3 rgb(4,59,227)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676f8f Protanopia 1% of men
#686e90 Deuteranopia 1% of men
#60737c Tritanopia 0.001% of the population

Trichromacy

#636c8d Protanomaly 1% of men, 0.01% of women
#646c8e Deuteranomaly 6% of men, 0.4% of women
#5e6f81 Tritanomaly 0.01% of the population

#5d688a hex color

#5d688a Color Information

#5d688a Color Conversion

Color Schemes with #5d688a

Alternatives to #5d688a

#5d688a Preview

Shades and Tints of #5d688a

Tones of #5d688a

Color Blindness Simulator