#585f78 hex color

In a RGB color space, hex #585f78 is composed of 34.5% red, 37.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 20.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 226.9 degrees, a saturation of 15.4% and a lightness of 40.8%. #585f78 color hex could be obtained by blending #b0bef0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 37
- B 47
RGB color chart
- C 27
- M 21
- Y 0
- K 53
CMYK color chart

● #585f78 color description : Mostly desaturated dark blue.

The hexadecimal color #585f78 has RGB values of R:88, G:95, B:120 and CMYK values of C:0.27, M:0.21, Y:0, K:0.53. Its decimal value is 5791608.

Hex triplet	585f78	`#585f78`
RGB Decimal	88, 95, 120	`rgb(88,95,120)`
RGB Percent	34.5, 37.3, 47.1	`rgb(34.5%,37.3%,47.1%)`
CMYK	27, 21, 0, 53
HSL	226.9°, 15.4, 40.8	`hsl(226.9,15.4%,40.8%)`
HSV (or HSB)	226.9°, 26.7, 47.1
Web Safe	666666	`#666666`

CIE-LAB	40.598, 3.389, -14.967
XYZ	11.506, 11.615, 19.404
xyY	0.271, 0.273, 11.615
CIE-LCH	40.598, 15.346, 282.758
CIE-LUV	40.598, -4.839, -21.013
Hunter-Lab	34.081, 0.623, -9.9
Binary	01011000, 01011111, 01111000

#585f78
```
#585f78 rgb(88,95,120)
```
#787158
```
#787158 rgb(120,113,88)
```

Complementary Color

#586f78
```
#586f78 rgb(88,111,120)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#615878
```
#615878 rgb(97,88,120)
```

Analogous Color

#6f7858
```
#6f7858 rgb(111,120,88)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#786158
```
#786158 rgb(120,97,88)
```

Split Complementary Color

#5f7858
```
#5f7858 rgb(95,120,88)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#78585f
```
#78585f rgb(120,88,95)
```

Triadic Color

#587871
```
#587871 rgb(88,120,113)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#78585f
```
#78585f rgb(120,88,95)
```
#787158
```
#787158 rgb(120,113,88)
```

Tetradic Color

#383c4c
```
#383c4c rgb(56,60,76)
```
#42485b
```
#42485b rgb(66,72,91)
```
#4d5369
```
#4d5369 rgb(77,83,105)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#636b87
```
#636b87 rgb(99,107,135)
```
#6e7795
```
#6e7795 rgb(110,119,149)
```
#7d84a0
```
#7d84a0 rgb(125,132,160)
```

Monochromatic Color

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

#586778
```
#586778 rgb(88,103,120)
```
#586478
```
#586478 rgb(88,100,120)
```
#586278
```
#586278 rgb(88,98,120)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#585c78
```
#585c78 rgb(88,92,120)
```
#585a78
```
#585a78 rgb(88,90,120)
```
#595878
```
#595878 rgb(89,88,120)
```

Similar Colors

Text with hexadecimal color #585f78

This text has a font color of #585f78.

<span style="color:#585f78;">Text here</span>

#585f78 background color

This paragraph has a background color of #585f78.

<p style="background-color:#585f78;">Content here</p>

#585f78 border color

This element has a border color of #585f78.

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

CSS codes

.text {color:#585f78;}

.background {background-color:#585f78;}

.border {border:1px solid #585f78;}

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

#050507
```
#050507 rgb(5,5,7)
```
#0d0e12
```
#0d0e12 rgb(13,14,18)
```
#16171d
```
#16171d rgb(22,23,29)
```
#1e2029
```
#1e2029 rgb(30,32,41)
```
#262934
```
#262934 rgb(38,41,52)
```
#2f323f
```
#2f323f rgb(47,50,63)
```
#373b4b
```
#373b4b rgb(55,59,75)
```
#3f4456
```
#3f4456 rgb(63,68,86)
```
#474d61
```
#474d61 rgb(71,77,97)
```
#50566d
```
#50566d rgb(80,86,109)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#606883
```
#606883 rgb(96,104,131)
```
#69718f
```
#69718f rgb(105,113,143)
```

Shade Color Variation

#737b98
```
#737b98 rgb(115,123,152)
```
#7e86a0
```
#7e86a0 rgb(126,134,160)
```
#8990a9
```
#8990a9 rgb(137,144,169)
```
#959bb1
```
#959bb1 rgb(149,155,177)
```
#a0a6b9
```
#a0a6b9 rgb(160,166,185)
```
#abb0c2
```
#abb0c2 rgb(171,176,194)
```
#b7bbca
```
#b7bbca rgb(183,187,202)
```
#c2c5d2
```
#c2c5d2 rgb(194,197,210)
```
#cdd0db
```
#cdd0db rgb(205,208,219)
```
#d9dbe3
```
#d9dbe3 rgb(217,219,227)
```
#e4e5eb
```
#e4e5eb rgb(228,229,235)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686868 is the less saturated color, while #0832c8 is the most saturated one.

#686868
```
#686868 rgb(104,104,104)
```
#606470
```
#606470 rgb(96,100,112)
```
#585f78
```
#585f78 rgb(88,95,120)
```
#505b80
```
#505b80 rgb(80,91,128)
```
#485688
```
#485688 rgb(72,86,136)
```
#405290
```
#405290 rgb(64,82,144)
```
#384d98
```
#384d98 rgb(56,77,152)
```
#3049a0
```
#3049a0 rgb(48,73,160)
```
#2844a8
```
#2844a8 rgb(40,68,168)
```
#2040b0
```
#2040b0 rgb(32,64,176)
```
#183bb8
```
#183bb8 rgb(24,59,184)
```
#1037c0
```
#1037c0 rgb(16,55,192)
```
#0832c8
```
#0832c8 rgb(8,50,200)
```
#002ed0
```
#002ed0 rgb(0,46,208)
```

Tone Color Variation

Below, you can see how #585f78 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

#606060 Achromatopsia 0.005% of the population
#5e6065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61677e Protanopia 1% of men
#64667f Deuteranopia 1% of men
#5d6971 Tritanopia 0.001% of the population

Trichromacy

#5e647c Protanomaly 1% of men, 0.01% of women
#60637c Deuteranomaly 6% of men, 0.4% of women
#5b6573 Tritanomaly 0.01% of the population

#585f78 hex color

#585f78 Color Information

#585f78 Color Conversion

Color Schemes with #585f78

Alternatives to #585f78

#585f78 Preview

Shades and Tints of #585f78

Tones of #585f78

Color Blindness Simulator