#5987bf hex color

In a RGB color space, hex #5987bf is composed of 34.9% red, 52.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 29.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 212.9 degrees, a saturation of 44.3% and a lightness of 54.9%. #5987bf color hex could be obtained by blending #b2ffff with #000f7f. Closest websafe color is: #6699cc.

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

● #5987bf color description : Moderate blue.

The hexadecimal color #5987bf has RGB values of R:89, G:135, B:191 and CMYK values of C:0.53, M:0.29, Y:0, K:0.25. Its decimal value is 5867455.

Hex triplet	5987bf	`#5987bf`
RGB Decimal	89, 135, 191	`rgb(89,135,191)`
RGB Percent	34.9, 52.9, 74.9	`rgb(34.9%,52.9%,74.9%)`
CMYK	53, 29, 0, 25
HSL	212.9°, 44.3, 54.9	`hsl(212.9,44.3%,54.9%)`
HSV (or HSB)	212.9°, 53.4, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.29, 0.571, -34.014
XYZ	22.186, 23.212, 52.599
xyY	0.226, 0.237, 23.212
CIE-LCH	55.29, 34.019, 270.961
CIE-LUV	55.29, -21.433, -52.325
Hunter-Lab	48.179, -2.117, -31.004
Binary	01011001, 10000111, 10111111

#5987bf
```
#5987bf rgb(89,135,191)
```
#bf9159
```
#bf9159 rgb(191,145,89)
```

Complementary Color

#59babf
```
#59babf rgb(89,186,191)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#5e59bf
```
#5e59bf rgb(94,89,191)
```

Analogous Color

#babf59
```
#babf59 rgb(186,191,89)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#bf5e59
```
#bf5e59 rgb(191,94,89)
```

Split Complementary Color

#87bf59
```
#87bf59 rgb(135,191,89)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#bf5987
```
#bf5987 rgb(191,89,135)
```

Triadic Color

#59bf91
```
#59bf91 rgb(89,191,145)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#bf5987
```
#bf5987 rgb(191,89,135)
```
#bf9159
```
#bf9159 rgb(191,145,89)
```

Tetradic Color

#396193
```
#396193 rgb(57,97,147)
```
#406ea5
```
#406ea5 rgb(64,110,165)
```
#477ab8
```
#477ab8 rgb(71,122,184)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#6b94c6
```
#6b94c6 rgb(107,148,198)
```
#7ea2cd
```
#7ea2cd rgb(126,162,205)
```
#90afd4
```
#90afd4 rgb(144,175,212)
```

Monochromatic Color

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

#59a1bf
```
#59a1bf rgb(89,161,191)
```
#5998bf
```
#5998bf rgb(89,152,191)
```
#5990bf
```
#5990bf rgb(89,144,191)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#597fbf
```
#597fbf rgb(89,127,191)
```
#5976bf
```
#5976bf rgb(89,118,191)
```
#596ebf
```
#596ebf rgb(89,110,191)
```

Similar Colors

Text with hexadecimal color #5987bf

This text has a font color of #5987bf.

<span style="color:#5987bf;">Text here</span>

#5987bf background color

This paragraph has a background color of #5987bf.

<p style="background-color:#5987bf;">Content here</p>

#5987bf border color

This element has a border color of #5987bf.

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

CSS codes

.text {color:#5987bf;}

.background {background-color:#5987bf;}

.border {border:1px solid #5987bf;}

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

#010304
```
#010304 rgb(1,3,4)
```
#070c12
```
#070c12 rgb(7,12,18)
```
#0c1520
```
#0c1520 rgb(12,21,32)
```
#121f2e
```
#121f2e rgb(18,31,46)
```
#17283d
```
#17283d rgb(23,40,61)
```
#1d314b
```
#1d314b rgb(29,49,75)
```
#223b59
```
#223b59 rgb(34,59,89)
```
#284467
```
#284467 rgb(40,68,103)
```
#2d4e75
```
#2d4e75 rgb(45,78,117)
```
#335783
```
#335783 rgb(51,87,131)
```
#386091
```
#386091 rgb(56,96,145)
```
#3e6aa0
```
#3e6aa0 rgb(62,106,160)
```
#4373ae
```
#4373ae rgb(67,115,174)
```

Shade Color Variation

#4b7dba
```
#4b7dba rgb(75,125,186)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#6791c4
```
#6791c4 rgb(103,145,196)
```
#759bca
```
#759bca rgb(117,155,202)
```
#83a6cf
```
#83a6cf rgb(131,166,207)
```
#92b0d5
```
#92b0d5 rgb(146,176,213)
```
#a0bada
```
#a0bada rgb(160,186,218)
```
#aec4e0
```
#aec4e0 rgb(174,196,224)
```
#bccfe5
```
#bccfe5 rgb(188,207,229)
```
#cad9eb
```
#cad9eb rgb(202,217,235)
```
#d8e3f0
```
#d8e3f0 rgb(216,227,240)
```
#e7edf6
```
#e7edf6 rgb(231,237,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

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

#858b93
```
#858b93 rgb(133,139,147)
```
#7c8a9c
```
#7c8a9c rgb(124,138,156)
```
#748aa4
```
#748aa4 rgb(116,138,164)
```
#6b89ad
```
#6b89ad rgb(107,137,173)
```
#6288b6
```
#6288b6 rgb(98,136,182)
```
#5987bf
```
#5987bf rgb(89,135,191)
```
#5086c8
```
#5086c8 rgb(80,134,200)
```
#4785d1
```
#4785d1 rgb(71,133,209)
```
#3e84da
```
#3e84da rgb(62,132,218)
```
#3684e2
```
#3684e2 rgb(54,132,226)
```
#2d83eb
```
#2d83eb rgb(45,131,235)
```
#2482f4
```
#2482f4 rgb(36,130,244)
```
#1b81fd
```
#1b81fd rgb(27,129,253)
```

Tone Color Variation

Below, you can see how #5987bf 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
#78818d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7888bf Protanopia 1% of men
#7189c3 Deuteranopia 1% of men
#51949f Tritanopia 0.001% of the population

Trichromacy

#6c88bf Protanomaly 1% of men, 0.01% of women
#6888c1 Deuteranomaly 6% of men, 0.4% of women
#548faa Tritanomaly 0.01% of the population

#5987bf hex color

#5987bf Color Information

#5987bf Color Conversion

Color Schemes with #5987bf

Alternatives to #5987bf

#5987bf Preview

Shades and Tints of #5987bf

Tones of #5987bf

Color Blindness Simulator