#5986bb hex color

In a RGB color space, hex #5986bb is composed of 34.9% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 212.4 degrees, a saturation of 41.9% and a lightness of 54.1%. #5986bb color hex could be obtained by blending #b2ffff with #000d77. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 53
- B 73
RGB color chart
- C 52
- M 28
- Y 0
- K 27
CMYK color chart

● #5986bb color description : Moderate blue.

The hexadecimal color #5986bb has RGB values of R:89, G:134, B:187 and CMYK values of C:0.52, M:0.28, Y:0, K:0.27. Its decimal value is 5867195.

Hex triplet	5986bb	`#5986bb`
RGB Decimal	89, 134, 187	`rgb(89,134,187)`
RGB Percent	34.9, 52.5, 73.3	`rgb(34.9%,52.5%,73.3%)`
CMYK	52, 28, 0, 27
HSL	212.4°, 41.9, 54.1	`hsl(212.4,41.9%,54.1%)`
HSV (or HSB)	212.4°, 52.4, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.825, -0.098, -32.461
XYZ	21.613, 22.761, 50.265
xyY	0.228, 0.241, 22.761
CIE-LCH	54.825, 32.461, 269.827
CIE-LUV	54.825, -21.09, -49.65
Hunter-Lab	47.708, -2.626, -29.072
Binary	01011001, 10000110, 10111011

#5986bb
```
#5986bb rgb(89,134,187)
```
#bb8e59
```
#bb8e59 rgb(187,142,89)
```

Complementary Color

#59b7bb
```
#59b7bb rgb(89,183,187)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#5d59bb
```
#5d59bb rgb(93,89,187)
```

Analogous Color

#b7bb59
```
#b7bb59 rgb(183,187,89)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#bb5d59
```
#bb5d59 rgb(187,93,89)
```

Split Complementary Color

#86bb59
```
#86bb59 rgb(134,187,89)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#bb5986
```
#bb5986 rgb(187,89,134)
```

Triadic Color

#59bb8e
```
#59bb8e rgb(89,187,142)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#bb5986
```
#bb5986 rgb(187,89,134)
```
#bb8e59
```
#bb8e59 rgb(187,142,89)
```

Tetradic Color

#3a608e
```
#3a608e rgb(58,96,142)
```
#416da0
```
#416da0 rgb(65,109,160)
```
#4979b2
```
#4979b2 rgb(73,121,178)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#6b93c2
```
#6b93c2 rgb(107,147,194)
```
#7da0ca
```
#7da0ca rgb(125,160,202)
```
#8faed1
```
#8faed1 rgb(143,174,209)
```

Monochromatic Color

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

#599fbb
```
#599fbb rgb(89,159,187)
```
#5996bb
```
#5996bb rgb(89,150,187)
```
#598ebb
```
#598ebb rgb(89,142,187)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#597ebb
```
#597ebb rgb(89,126,187)
```
#5976bb
```
#5976bb rgb(89,118,187)
```
#596ebb
```
#596ebb rgb(89,110,187)
```

Similar Colors

Text with hexadecimal color #5986bb

This text has a font color of #5986bb.

<span style="color:#5986bb;">Text here</span>

#5986bb background color

This paragraph has a background color of #5986bb.

<p style="background-color:#5986bb;">Content here</p>

#5986bb border color

This element has a border color of #5986bb.

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

CSS codes

.text {color:#5986bb;}

.background {background-color:#5986bb;}

.border {border:1px solid #5986bb;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0c141d
```
#0c141d rgb(12,20,29)
```
#121d2b
```
#121d2b rgb(18,29,43)
```
#172739
```
#172739 rgb(23,39,57)
```
#1d3047
```
#1d3047 rgb(29,48,71)
```
#233a54
```
#233a54 rgb(35,58,84)
```
#284362
```
#284362 rgb(40,67,98)
```
#2e4c70
```
#2e4c70 rgb(46,76,112)
```
#34567e
```
#34567e rgb(52,86,126)
```
#395f8c
```
#395f8c rgb(57,95,140)
```
#3f699a
```
#3f699a rgb(63,105,154)
```
#4572a8
```
#4572a8 rgb(69,114,168)
```

Shade Color Variation

#4b7cb5
```
#4b7cb5 rgb(75,124,181)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#6790c1
```
#6790c1 rgb(103,144,193)
```
#759ac6
```
#759ac6 rgb(117,154,198)
```
#83a4cc
```
#83a4cc rgb(131,164,204)
```
#91afd2
```
#91afd2 rgb(145,175,210)
```
#9fb9d8
```
#9fb9d8 rgb(159,185,216)
```
#acc3dd
```
#acc3dd rgb(172,195,221)
```
#bacde3
```
#bacde3 rgb(186,205,227)
```
#c8d7e9
```
#c8d7e9 rgb(200,215,233)
```
#d6e1ee
```
#d6e1ee rgb(214,225,238)
```
#e4ebf4
```
#e4ebf4 rgb(228,235,244)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

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

#868a8e
```
#868a8e rgb(134,138,142)
```
#7d8997
```
#7d8997 rgb(125,137,151)
```
#7488a0
```
#7488a0 rgb(116,136,160)
```
#6b87a9
```
#6b87a9 rgb(107,135,169)
```
#6287b2
```
#6287b2 rgb(98,135,178)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#5085c4
```
#5085c4 rgb(80,133,196)
```
#4785cd
```
#4785cd rgb(71,133,205)
```
#3e84d6
```
#3e84d6 rgb(62,132,214)
```
#3583df
```
#3583df rgb(53,131,223)
```
#2c82e8
```
#2c82e8 rgb(44,130,232)
```
#2382f1
```
#2382f1 rgb(35,130,241)
```
#1a81fa
```
#1a81fa rgb(26,129,250)
```

Tone Color Variation

Below, you can see how #5986bb 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

#7f7f7f Achromatopsia 0.005% of the population
#77808b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7887bb Protanopia 1% of men
#7288bf Deuteranopia 1% of men
#53929d Tritanopia 0.001% of the population

Trichromacy

#6d87bb Protanomaly 1% of men, 0.01% of women
#6987be Deuteranomaly 6% of men, 0.4% of women
#558ea8 Tritanomaly 0.01% of the population

#5986bb hex color

#5986bb Color Information

#5986bb Color Conversion

Color Schemes with #5986bb

Alternatives to #5986bb

#5986bb Preview

Shades and Tints of #5986bb

Tones of #5986bb

Color Blindness Simulator