#5c86ae hex color

In a RGB color space, hex #5c86ae is composed of 36.1% red, 52.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 23% magenta, 0% yellow and 31.8% black. It has a hue angle of 209.3 degrees, a saturation of 33.6% and a lightness of 52.2%. #5c86ae color hex could be obtained by blending #b8ffff with #000d5d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 53
- B 68
RGB color chart
- C 47
- M 23
- Y 0
- K 32
CMYK color chart

● #5c86ae color description : Dark moderate blue.

The hexadecimal color #5c86ae has RGB values of R:92, G:134, B:174 and CMYK values of C:0.47, M:0.23, Y:0, K:0.32. Its decimal value is 6063790.

Hex triplet	5c86ae	`#5c86ae`
RGB Decimal	92, 134, 174	`rgb(92,134,174)`
RGB Percent	36.1, 52.5, 68.2	`rgb(36.1%,52.5%,68.2%)`
CMYK	47, 23, 0, 32
HSL	209.3°, 33.6, 52.2	`hsl(209.3,33.6%,52.2%)`
HSV (or HSB)	209.3°, 47.1, 68.2
Web Safe	669999	`#669999`

CIE-LAB	54.428, -3.343, -25.622
XYZ	20.577, 22.38, 43.278
xyY	0.239, 0.26, 22.38
CIE-LCH	54.428, 25.839, 262.566
CIE-LUV	54.428, -20.182, -38.197
Hunter-Lab	47.308, -5.149, -21.123
Binary	01011100, 10000110, 10101110

#5c86ae
```
#5c86ae rgb(92,134,174)
```
#ae845c
```
#ae845c rgb(174,132,92)
```

Complementary Color

#5caead
```
#5caead rgb(92,174,173)
```
#5c86ae
```
#5c86ae rgb(92,134,174)
```
#5c5dae
```
#5c5dae rgb(92,93,174)
```

Analogous Color

#aead5c
```
#aead5c rgb(174,173,92)
```
#5c86ae
```
#5c86ae rgb(92,134,174)
```
#ae5c5d
```
#ae5c5d rgb(174,92,93)
```

Split Complementary Color

#86ae5c
```
#86ae5c rgb(134,174,92)
```
#5c86ae
```
#5c86ae rgb(92,134,174)
```
#ae5c86
```
#ae5c86 rgb(174,92,134)
```

Triadic Color

#5cae84
```
#5cae84 rgb(92,174,132)
```
#5c86ae
```
#5c86ae rgb(92,134,174)
```
#ae5c86
```
#ae5c86 rgb(174,92,134)
```
#ae845c
```
#ae845c rgb(174,132,92)
```

Tetradic Color

#3f607f
```
#3f607f rgb(63,96,127)
```
#476c90
```
#476c90 rgb(71,108,144)
```
#5079a1
```
#5079a1 rgb(80,121,161)
```
#5c86ae
```
#5c86ae rgb(92,134,174)
```
#6d93b6
```
#6d93b6 rgb(109,147,182)
```
#7e9fbf
```
#7e9fbf rgb(126,159,191)
```
#8facc7
```
#8facc7 rgb(143,172,199)
```

Monochromatic Color

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

#5c9bae
```
#5c9bae rgb(92,155,174)
```
#5c94ae
```
#5c94ae rgb(92,148,174)
```
#5c8dae
```
#5c8dae rgb(92,141,174)
```
#5c86ae
```
#5c86ae rgb(92,134,174)
```
#5c7fae
```
#5c7fae rgb(92,127,174)
```
#5c78ae
```
#5c78ae rgb(92,120,174)
```
#5c72ae
```
#5c72ae rgb(92,114,174)
```

Similar Colors

Text with hexadecimal color #5c86ae

This text has a font color of #5c86ae.

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

#5c86ae background color

This paragraph has a background color of #5c86ae.

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

#5c86ae border color

This element has a border color of #5c86ae.

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

CSS codes

.text {color:#5c86ae;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0a0f14
```
#0a0f14 rgb(10,15,20)
```
#111922
```
#111922 rgb(17,25,34)
```
#17232f
```
#17232f rgb(23,35,47)
```
#1e2d3c
```
#1e2d3c rgb(30,45,60)
```
#243749
```
#243749 rgb(36,55,73)
```
#2b4156
```
#2b4156 rgb(43,65,86)
```
#314b63
```
#314b63 rgb(49,75,99)
```
#385570
```
#385570 rgb(56,85,112)
```
#3e5f7d
```
#3e5f7d rgb(62,95,125)
```
#45688a
```
#45688a rgb(69,104,138)
```
#4b7297
```
#4b7297 rgb(75,114,151)
```
#527ca5
```
#527ca5 rgb(82,124,165)
```

Shade Color Variation

#5c86ae
```
#5c86ae rgb(92,134,174)
```
#6990b5
```
#6990b5 rgb(105,144,181)
```
#7699bb
```
#7699bb rgb(118,153,187)
```
#83a3c2
```
#83a3c2 rgb(131,163,194)
```
#90adc8
```
#90adc8 rgb(144,173,200)
```
#9eb7cf
```
#9eb7cf rgb(158,183,207)
```
#abc0d5
```
#abc0d5 rgb(171,192,213)
```
#b8cadc
```
#b8cadc rgb(184,202,220)
```
#c5d4e2
```
#c5d4e2 rgb(197,212,226)
```
#d2dee9
```
#d2dee9 rgb(210,222,233)
```
#dfe7ef
```
#dfe7ef rgb(223,231,239)
```
#ecf1f6
```
#ecf1f6 rgb(236,241,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#828588
```
#828588 rgb(130,133,136)
```
#788592
```
#788592 rgb(120,133,146)
```
#6f869b
```
#6f869b rgb(111,134,155)
```
#6586a5
```
#6586a5 rgb(101,134,165)
```
#5c86ae
```
#5c86ae rgb(92,134,174)
```
#5386b7
```
#5386b7 rgb(83,134,183)
```
#4986c1
```
#4986c1 rgb(73,134,193)
```
#4087ca
```
#4087ca rgb(64,135,202)
```
#3687d4
```
#3687d4 rgb(54,135,212)
```
#2d87dd
```
#2d87dd rgb(45,135,221)
```
#2487e6
```
#2487e6 rgb(36,135,230)
```
#1a88f0
```
#1a88f0 rgb(26,136,240)
```
#1188f9
```
#1188f9 rgb(17,136,249)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#778088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d87ae Protanopia 1% of men
#7b86b4 Deuteranopia 1% of men
#5b909b Tritanopia 0.001% of the population

Trichromacy

#7186ae Protanomaly 1% of men, 0.01% of women
#6f86b1 Deuteranomaly 6% of men, 0.4% of women
#5b8ca2 Tritanomaly 0.01% of the population

#5c86ae hex color

#5c86ae Color Information

#5c86ae Color Conversion

Color Schemes with #5c86ae

Alternatives to #5c86ae

#5c86ae Preview

Shades and Tints of #5c86ae

Tones of #5c86ae

Color Blindness Simulator