#5c86be hex color

In a RGB color space, hex #5c86be is composed of 36.1% red, 52.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 29.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 214.3 degrees, a saturation of 43% and a lightness of 55.3%. #5c86be color hex could be obtained by blending #b8ffff with #000d7d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 53
- B 75
RGB color chart
- C 52
- M 29
- Y 0
- K 25
CMYK color chart

● #5c86be color description : Moderate blue.

The hexadecimal color #5c86be has RGB values of R:92, G:134, B:190 and CMYK values of C:0.52, M:0.29, Y:0, K:0.25. Its decimal value is 6063806.

Hex triplet	5c86be	`#5c86be`
RGB Decimal	92, 134, 190	`rgb(92,134,190)`
RGB Percent	36.1, 52.5, 74.5	`rgb(36.1%,52.5%,74.5%)`
CMYK	52, 29, 0, 25
HSL	214.3°, 43, 55.3	`hsl(214.3,43%,55.3%)`
HSV (or HSB)	214.3°, 51.6, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.116, 1.532, -33.706
XYZ	22.231, 23.042, 51.988
xyY	0.229, 0.237, 23.042
CIE-LCH	55.116, 33.741, 272.603
CIE-LUV	55.116, -20.121, -51.907
Hunter-Lab	48.002, -1.336, -30.612
Binary	01011100, 10000110, 10111110

#5c86be
```
#5c86be rgb(92,134,190)
```
#be945c
```
#be945c rgb(190,148,92)
```

Complementary Color

#5cb7be
```
#5cb7be rgb(92,183,190)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#635cbe
```
#635cbe rgb(99,92,190)
```

Analogous Color

#b7be5c
```
#b7be5c rgb(183,190,92)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#be635c
```
#be635c rgb(190,99,92)
```

Split Complementary Color

#86be5c
```
#86be5c rgb(134,190,92)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#be5c86
```
#be5c86 rgb(190,92,134)
```

Triadic Color

#5cbe94
```
#5cbe94 rgb(92,190,148)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#be5c86
```
#be5c86 rgb(190,92,134)
```
#be945c
```
#be945c rgb(190,148,92)
```

Tetradic Color

#3b6093
```
#3b6093 rgb(59,96,147)
```
#426ca5
```
#426ca5 rgb(66,108,165)
```
#4a78b7
```
#4a78b7 rgb(74,120,183)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#6e94c5
```
#6e94c5 rgb(110,148,197)
```
#80a1cd
```
#80a1cd rgb(128,161,205)
```
#93afd4
```
#93afd4 rgb(147,175,212)
```

Monochromatic Color

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

#5c9fbe
```
#5c9fbe rgb(92,159,190)
```
#5c96be
```
#5c96be rgb(92,150,190)
```
#5c8ebe
```
#5c8ebe rgb(92,142,190)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#5c7ebe
```
#5c7ebe rgb(92,126,190)
```
#5c76be
```
#5c76be rgb(92,118,190)
```
#5c6ebe
```
#5c6ebe rgb(92,110,190)
```

Similar Colors

Text with hexadecimal color #5c86be

This text has a font color of #5c86be.

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

#5c86be background color

This paragraph has a background color of #5c86be.

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

#5c86be border color

This element has a border color of #5c86be.

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

CSS codes

.text {color:#5c86be;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080d13
```
#080d13 rgb(8,13,19)
```
#0d1621
```
#0d1621 rgb(13,22,33)
```
#131f2f
```
#131f2f rgb(19,31,47)
```
#18283d
```
#18283d rgb(24,40,61)
```
#1e314b
```
#1e314b rgb(30,49,75)
```
#243b59
```
#243b59 rgb(36,59,89)
```
#294467
```
#294467 rgb(41,68,103)
```
#2f4d75
```
#2f4d75 rgb(47,77,117)
```
#345683
```
#345683 rgb(52,86,131)
```
#3a6092
```
#3a6092 rgb(58,96,146)
```
#4069a0
```
#4069a0 rgb(64,105,160)
```
#4572ae
```
#4572ae rgb(69,114,174)
```

Shade Color Variation

#4e7cb8
```
#4e7cb8 rgb(78,124,184)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#6a90c4
```
#6a90c4 rgb(106,144,196)
```
#789bc9
```
#789bc9 rgb(120,155,201)
```
#86a5cf
```
#86a5cf rgb(134,165,207)
```
#94b0d4
```
#94b0d4 rgb(148,176,212)
```
#a2bada
```
#a2bada rgb(162,186,218)
```
#b0c4e0
```
#b0c4e0 rgb(176,196,224)
```
#becfe5
```
#becfe5 rgb(190,207,229)
```
#ccd9eb
```
#ccd9eb rgb(204,217,235)
```
#dae4f0
```
#dae4f0 rgb(218,228,240)
```
#e8eef6
```
#e8eef6 rgb(232,238,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c92 is the less saturated color, while #1f7dfb is the most saturated one.

#888c92
```
#888c92 rgb(136,140,146)
```
#7f8b9b
```
#7f8b9b rgb(127,139,155)
```
#768aa4
```
#768aa4 rgb(118,138,164)
```
#6e89ac
```
#6e89ac rgb(110,137,172)
```
#6587b5
```
#6587b5 rgb(101,135,181)
```
#5c86be
```
#5c86be rgb(92,134,190)
```
#5385c7
```
#5385c7 rgb(83,133,199)
```
#4a83d0
```
#4a83d0 rgb(74,131,208)
```
#4282d8
```
#4282d8 rgb(66,130,216)
```
#3981e1
```
#3981e1 rgb(57,129,225)
```
#3080ea
```
#3080ea rgb(48,128,234)
```
#277ef3
```
#277ef3 rgb(39,126,243)
```
#1f7dfb
```
#1f7dfb rgb(31,125,251)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#79818c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7888be Protanopia 1% of men
#7189c2 Deuteranopia 1% of men
#55939e Tritanopia 0.001% of the population

Trichromacy

#6d87be Protanomaly 1% of men, 0.01% of women
#6988c0 Deuteranomaly 6% of men, 0.4% of women
#578ea9 Tritanomaly 0.01% of the population

#5c86be hex color

#5c86be Color Information

#5c86be Color Conversion

Color Schemes with #5c86be

Alternatives to #5c86be

#5c86be Preview

Shades and Tints of #5c86be

Tones of #5c86be

Color Blindness Simulator