#5d6f84 hex color

In a RGB color space, hex #5d6f84 is composed of 36.5% red, 43.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 15.9% magenta, 0% yellow and 48.2% black. It has a hue angle of 212.3 degrees, a saturation of 17.3% and a lightness of 44.1%. #5d6f84 color hex could be obtained by blending #badeff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 44
- B 52
RGB color chart
- C 30
- M 16
- Y 0
- K 48
CMYK color chart

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

The hexadecimal color #5d6f84 has RGB values of R:93, G:111, B:132 and CMYK values of C:0.3, M:0.16, Y:0, K:0.48. Its decimal value is 6123396.

Hex triplet	5d6f84	`#5d6f84`
RGB Decimal	93, 111, 132	`rgb(93,111,132)`
RGB Percent	36.5, 43.5, 51.8	`rgb(36.5%,43.5%,51.8%)`
CMYK	30, 16, 0, 48
HSL	212.3°, 17.3, 44.1	`hsl(212.3,17.3%,44.1%)`
HSV (or HSB)	212.3°, 29.5, 51.8
Web Safe	666699	`#666699`

CIE-LAB	46.126, -1.464, -13.762
XYZ	14.363, 15.362, 24.037
xyY	0.267, 0.286, 15.362
CIE-LCH	46.126, 13.84, 263.928
CIE-LUV	46.126, -9.924, -19.225
Hunter-Lab	39.194, -3.178, -8.926
Binary	01011101, 01101111, 10000100

#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#84725d
```
#84725d rgb(132,114,93)
```

Complementary Color

#5d8384
```
#5d8384 rgb(93,131,132)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#5f5d84
```
#5f5d84 rgb(95,93,132)
```

Analogous Color

#83845d
```
#83845d rgb(131,132,93)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#845f5d
```
#845f5d rgb(132,95,93)
```

Split Complementary Color

#6f845d
```
#6f845d rgb(111,132,93)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#845d6f
```
#845d6f rgb(132,93,111)
```

Triadic Color

#5d8472
```
#5d8472 rgb(93,132,114)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#845d6f
```
#845d6f rgb(132,93,111)
```
#84725d
```
#84725d rgb(132,114,93)
```

Tetradic Color

#3d4957
```
#3d4957 rgb(61,73,87)
```
#485666
```
#485666 rgb(72,86,102)
```
#526275
```
#526275 rgb(82,98,117)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#687c93
```
#687c93 rgb(104,124,147)
```
#76889e
```
#76889e rgb(118,136,158)
```
#8595a9
```
#8595a9 rgb(133,149,169)
```

Monochromatic Color

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

#5d7984
```
#5d7984 rgb(93,121,132)
```
#5d7684
```
#5d7684 rgb(93,118,132)
```
#5d7284
```
#5d7284 rgb(93,114,132)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#5d6c84
```
#5d6c84 rgb(93,108,132)
```
#5d6984
```
#5d6984 rgb(93,105,132)
```
#5d6584
```
#5d6584 rgb(93,101,132)
```

Similar Colors

Text with hexadecimal color #5d6f84

This text has a font color of #5d6f84.

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

#5d6f84 background color

This paragraph has a background color of #5d6f84.

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

#5d6f84 border color

This element has a border color of #5d6f84.

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

CSS codes

.text {color:#5d6f84;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c0e11
```
#0c0e11 rgb(12,14,17)
```
#14181c
```
#14181c rgb(20,24,28)
```
#1c2228
```
#1c2228 rgb(28,34,40)
```
#242b33
```
#242b33 rgb(36,43,51)
```
#2c353f
```
#2c353f rgb(44,53,63)
```
#343f4a
```
#343f4a rgb(52,63,74)
```
#3d4856
```
#3d4856 rgb(61,72,86)
```
#455261
```
#455261 rgb(69,82,97)
```
#4d5c6d
```
#4d5c6d rgb(77,92,109)
```
#556578
```
#556578 rgb(85,101,120)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#657990
```
#657990 rgb(101,121,144)
```

Shade Color Variation

#6f8299
```
#6f8299 rgb(111,130,153)
```
#7a8ca2
```
#7a8ca2 rgb(122,140,162)
```
#8696aa
```
#8696aa rgb(134,150,170)
```
#91a0b2
```
#91a0b2 rgb(145,160,178)
```
#9daaba
```
#9daaba rgb(157,170,186)
```
#a8b4c2
```
#a8b4c2 rgb(168,180,194)
```
#b4beca
```
#b4beca rgb(180,190,202)
```
#bfc8d2
```
#bfc8d2 rgb(191,200,210)
```
#cbd2da
```
#cbd2da rgb(203,210,218)
```
#d6dce2
```
#d6dce2 rgb(214,220,226)
```
#e2e6ea
```
#e2e6ea rgb(226,230,234)
```
#edf0f3
```
#edf0f3 rgb(237,240,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#6e7073
```
#6e7073 rgb(110,112,115)
```
#66707b
```
#66707b rgb(102,112,123)
```
#5d6f84
```
#5d6f84 rgb(93,111,132)
```
#546e8d
```
#546e8d rgb(84,110,141)
```
#4c6e95
```
#4c6e95 rgb(76,110,149)
```
#436d9e
```
#436d9e rgb(67,109,158)
```
#3a6ca7
```
#3a6ca7 rgb(58,108,167)
```
#326caf
```
#326caf rgb(50,108,175)
```
#296bb8
```
#296bb8 rgb(41,107,184)
```
#206ac1
```
#206ac1 rgb(32,106,193)
```
#186ac9
```
#186ac9 rgb(24,106,201)
```
#0f69d2
```
#0f69d2 rgb(15,105,210)
```
#0668db
```
#0668db rgb(6,104,219)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707388 Protanopia 1% of men
#73728b Deuteranopia 1% of men
#627880 Tritanopia 0.001% of the population

Trichromacy

#697287 Protanomaly 1% of men, 0.01% of women
#6b7188 Deuteranomaly 6% of men, 0.4% of women
#607482 Tritanomaly 0.01% of the population

#5d6f84 hex color

#5d6f84 Color Information

#5d6f84 Color Conversion

Color Schemes with #5d6f84

Alternatives to #5d6f84

#5d6f84 Preview

Shades and Tints of #5d6f84

Tones of #5d6f84

Color Blindness Simulator