#5b86be hex color

In a RGB color space, hex #5b86be is composed of 35.7% red, 52.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 29.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 213.9 degrees, a saturation of 43.2% and a lightness of 55.1%. #5b86be color hex could be obtained by blending #b6ffff 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

● #5b86be color description : Moderate blue.

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

Hex triplet	5b86be	`#5b86be`
RGB Decimal	91, 134, 190	`rgb(91,134,190)`
RGB Percent	35.7, 52.5, 74.5	`rgb(35.7%,52.5%,74.5%)`
CMYK	52, 29, 0, 25
HSL	213.9°, 43.2, 55.1	`hsl(213.9,43.2%,55.1%)`
HSV (or HSB)	213.9°, 52.1, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.063, 1.3, -33.792
XYZ	22.132, 22.991, 51.984
xyY	0.228, 0.237, 22.991
CIE-LCH	55.063, 33.817, 272.204
CIE-LUV	55.063, -20.441, -52.011
Hunter-Lab	47.949, -1.521, -30.715
Binary	01011011, 10000110, 10111110

#5b86be
```
#5b86be rgb(91,134,190)
```
#be935b
```
#be935b rgb(190,147,91)
```

Complementary Color

#5bb8be
```
#5bb8be rgb(91,184,190)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#625bbe
```
#625bbe rgb(98,91,190)
```

Analogous Color

#b8be5b
```
#b8be5b rgb(184,190,91)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#be625b
```
#be625b rgb(190,98,91)
```

Split Complementary Color

#86be5b
```
#86be5b rgb(134,190,91)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#be5b86
```
#be5b86 rgb(190,91,134)
```

Triadic Color

#5bbe93
```
#5bbe93 rgb(91,190,147)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#be5b86
```
#be5b86 rgb(190,91,134)
```
#be935b
```
#be935b rgb(190,147,91)
```

Tetradic Color

#3a6092
```
#3a6092 rgb(58,96,146)
```
#416ca5
```
#416ca5 rgb(65,108,165)
```
#4979b7
```
#4979b7 rgb(73,121,183)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#6d93c5
```
#6d93c5 rgb(109,147,197)
```
#80a1cc
```
#80a1cc rgb(128,161,204)
```
#92aed4
```
#92aed4 rgb(146,174,212)
```

Monochromatic Color

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

#5b9fbe
```
#5b9fbe rgb(91,159,190)
```
#5b97be
```
#5b97be rgb(91,151,190)
```
#5b8ebe
```
#5b8ebe rgb(91,142,190)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#5b7ebe
```
#5b7ebe rgb(91,126,190)
```
#5b76be
```
#5b76be rgb(91,118,190)
```
#5b6dbe
```
#5b6dbe rgb(91,109,190)
```

Similar Colors

Text with hexadecimal color #5b86be

This text has a font color of #5b86be.

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

#5b86be background color

This paragraph has a background color of #5b86be.

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

#5b86be border color

This element has a border color of #5b86be.

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

CSS codes

.text {color:#5b86be;}

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

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

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 #f6f8fb is the lightest one.

#020305
```
#020305 rgb(2,3,5)
```
#070c13
```
#070c13 rgb(7,12,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)
```
#233b59
```
#233b59 rgb(35,59,89)
```
#294467
```
#294467 rgb(41,68,103)
```
#2e4d75
```
#2e4d75 rgb(46,77,117)
```
#345683
```
#345683 rgb(52,86,131)
```
#396091
```
#396091 rgb(57,96,145)
```
#3f699f
```
#3f699f rgb(63,105,159)
```
#4572ad
```
#4572ad rgb(69,114,173)
```

Shade Color Variation

#4d7cb8
```
#4d7cb8 rgb(77,124,184)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#6990c4
```
#6990c4 rgb(105,144,196)
```
#779bc9
```
#779bc9 rgb(119,155,201)
```
#85a5cf
```
#85a5cf rgb(133,165,207)
```
#93afd4
```
#93afd4 rgb(147,175,212)
```
#a1bada
```
#a1bada rgb(161,186,218)
```
#afc4df
```
#afc4df rgb(175,196,223)
```
#bdcfe5
```
#bdcfe5 rgb(189,207,229)
```
#cbd9eb
```
#cbd9eb rgb(203,217,235)
```
#d9e3f0
```
#d9e3f0 rgb(217,227,240)
```
#e7eef6
```
#e7eef6 rgb(231,238,246)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#878c92
```
#878c92 rgb(135,140,146)
```
#7e8b9b
```
#7e8b9b rgb(126,139,155)
```
#7589a4
```
#7589a4 rgb(117,137,164)
```
#6d88ac
```
#6d88ac rgb(109,136,172)
```
#6487b5
```
#6487b5 rgb(100,135,181)
```
#5b86be
```
#5b86be rgb(91,134,190)
```
#5285c7
```
#5285c7 rgb(82,133,199)
```
#4984d0
```
#4984d0 rgb(73,132,208)
```
#4183d8
```
#4183d8 rgb(65,131,216)
```
#3881e1
```
#3881e1 rgb(56,129,225)
```
#2f80ea
```
#2f80ea rgb(47,128,234)
```
#267ff3
```
#267ff3 rgb(38,127,243)
```
#1d7efc
```
#1d7efc rgb(29,126,252)
```

Tone Color Variation

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

#7788be Protanopia 1% of men
#7189c2 Deuteranopia 1% of men
#54939e 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
#568ea9 Tritanomaly 0.01% of the population

#5b86be hex color

#5b86be Color Information

#5b86be Color Conversion

Color Schemes with #5b86be

Alternatives to #5b86be

#5b86be Preview

Shades and Tints of #5b86be

Tones of #5b86be

Color Blindness Simulator