#586c94 hex color

In a RGB color space, hex #586c94 is composed of 34.5% red, 42.4% green and 58% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 27% magenta, 0% yellow and 42% black. It has a hue angle of 220 degrees, a saturation of 25.4% and a lightness of 46.3%. #586c94 color hex could be obtained by blending #b0d8ff with #000029. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 42
- B 58
RGB color chart
- C 41
- M 27
- Y 0
- K 42
CMYK color chart

● #586c94 color description : Mostly desaturated dark blue.

The hexadecimal color #586c94 has RGB values of R:88, G:108, B:148 and CMYK values of C:0.41, M:0.27, Y:0, K:0.42. Its decimal value is 5794964.

Hex triplet	586c94	`#586c94`
RGB Decimal	88, 108, 148	`rgb(88,108,148)`
RGB Percent	34.5, 42.4, 58	`rgb(34.5%,42.4%,58%)`
CMYK	41, 27, 0, 42
HSL	220°, 25.4, 46.3	`hsl(220,25.4%,46.3%)`
HSV (or HSB)	220°, 40.5, 58
Web Safe	666699	`#666699`

CIE-LAB	45.548, 3.283, -24.201
XYZ	14.731, 14.937, 30.122
xyY	0.246, 0.25, 14.937
CIE-LCH	45.548, 24.422, 277.725
CIE-LUV	45.548, -11.146, -35.476
Hunter-Lab	38.649, 0.4, -19.155
Binary	01011000, 01101100, 10010100

#586c94
```
#586c94 rgb(88,108,148)
```
#948058
```
#948058 rgb(148,128,88)
```

Complementary Color

#588a94
```
#588a94 rgb(88,138,148)
```
#586c94
```
#586c94 rgb(88,108,148)
```
#625894
```
#625894 rgb(98,88,148)
```

Analogous Color

#8a9458
```
#8a9458 rgb(138,148,88)
```
#586c94
```
#586c94 rgb(88,108,148)
```
#946258
```
#946258 rgb(148,98,88)
```

Split Complementary Color

#6c9458
```
#6c9458 rgb(108,148,88)
```
#586c94
```
#586c94 rgb(88,108,148)
```
#94586c
```
#94586c rgb(148,88,108)
```

Triadic Color

#589480
```
#589480 rgb(88,148,128)
```
#586c94
```
#586c94 rgb(88,108,148)
```
#94586c
```
#94586c rgb(148,88,108)
```
#948058
```
#948058 rgb(148,128,88)
```

Tetradic Color

#3b4964
```
#3b4964 rgb(59,73,100)
```
#455574
```
#455574 rgb(69,85,116)
```
#4e6084
```
#4e6084 rgb(78,96,132)
```
#586c94
```
#586c94 rgb(88,108,148)
```
#6378a2
```
#6378a2 rgb(99,120,162)
```
#7386ac
```
#7386ac rgb(115,134,172)
```
#8394b5
```
#8394b5 rgb(131,148,181)
```

Monochromatic Color

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

#587b94
```
#587b94 rgb(88,123,148)
```
#587694
```
#587694 rgb(88,118,148)
```
#587194
```
#587194 rgb(88,113,148)
```
#586c94
```
#586c94 rgb(88,108,148)
```
#586794
```
#586794 rgb(88,103,148)
```
#586294
```
#586294 rgb(88,98,148)
```
#585d94
```
#585d94 rgb(88,93,148)
```

Similar Colors

Text with hexadecimal color #586c94

This text has a font color of #586c94.

<span style="color:#586c94;">Text here</span>

#586c94 background color

This paragraph has a background color of #586c94.

<p style="background-color:#586c94;">Content here</p>

#586c94 border color

This element has a border color of #586c94.

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

CSS codes

.text {color:#586c94;}

.background {background-color:#586c94;}

.border {border:1px solid #586c94;}

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

#000000
```
#000000 rgb(0,0,0)
```
#08090d
```
#08090d rgb(8,9,13)
```
#0f1219
```
#0f1219 rgb(15,18,25)
```
#161b25
```
#161b25 rgb(22,27,37)
```
#1d2432
```
#1d2432 rgb(29,36,50)
```
#252d3e
```
#252d3e rgb(37,45,62)
```
#2c364a
```
#2c364a rgb(44,54,74)
```
#333f56
```
#333f56 rgb(51,63,86)
```
#3b4863
```
#3b4863 rgb(59,72,99)
```
#42516f
```
#42516f rgb(66,81,111)
```
#495a7b
```
#495a7b rgb(73,90,123)
```
#516388
```
#516388 rgb(81,99,136)
```
#586c94
```
#586c94 rgb(88,108,148)
```

Shade Color Variation

#5f75a0
```
#5f75a0 rgb(95,117,160)
```
#6c80a7
```
#6c80a7 rgb(108,128,167)
```
#788aaf
```
#788aaf rgb(120,138,175)
```
#8495b6
```
#8495b6 rgb(132,149,182)
```
#91a0bd
```
#91a0bd rgb(145,160,189)
```
#9daac5
```
#9daac5 rgb(157,170,197)
```
#a9b5cc
```
#a9b5cc rgb(169,181,204)
```
#b6c0d3
```
#b6c0d3 rgb(182,192,211)
```
#c2cadb
```
#c2cadb rgb(194,202,219)
```
#ced5e2
```
#ced5e2 rgb(206,213,226)
```
#dadfe9
```
#dadfe9 rgb(218,223,233)
```
#e7eaf1
```
#e7eaf1 rgb(231,234,241)
```
#f3f5f8
```
#f3f5f8 rgb(243,245,248)
```

Tint Color Variation

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

#737579
```
#737579 rgb(115,117,121)
```
#6a7282
```
#6a7282 rgb(106,114,130)
```
#616f8b
```
#616f8b rgb(97,111,139)
```
#586c94
```
#586c94 rgb(88,108,148)
```
#4f699d
```
#4f699d rgb(79,105,157)
```
#4666a6
```
#4666a6 rgb(70,102,166)
```
#3d63af
```
#3d63af rgb(61,99,175)
```
#3460b8
```
#3460b8 rgb(52,96,184)
```
#2b5dc1
```
#2b5dc1 rgb(43,93,193)
```
#225aca
```
#225aca rgb(34,90,202)
```
#1857d4
```
#1857d4 rgb(24,87,212)
```
#0f54dd
```
#0f54dd rgb(15,84,221)
```
#0651e6
```
#0651e6 rgb(6,81,230)
```

Tone Color Variation

Below, you can see how #586c94 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

#6b6b6b Achromatopsia 0.005% of the population
#676b73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677298 Protanopia 1% of men
#66729a Deuteranopia 1% of men
#587881 Tritanopia 0.001% of the population

Trichromacy

#616f96 Protanomaly 1% of men, 0.01% of women
#616f97 Deuteranomaly 6% of men, 0.4% of women
#587388 Tritanomaly 0.01% of the population

#586c94 hex color

#586c94 Color Information

#586c94 Color Conversion

Color Schemes with #586c94

Alternatives to #586c94

#586c94 Preview

Shades and Tints of #586c94

Tones of #586c94

Color Blindness Simulator