#5986b0 hex color

In a RGB color space, hex #5986b0 is composed of 34.9% red, 52.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 23.9% magenta, 0% yellow and 31% black. It has a hue angle of 209 degrees, a saturation of 35.5% and a lightness of 52%. #5986b0 color hex could be obtained by blending #b2ffff with #000d61. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 53
- B 69
RGB color chart
- C 49
- M 24
- Y 0
- K 31
CMYK color chart

● #5986b0 color description : Dark moderate blue.

The hexadecimal color #5986b0 has RGB values of R:89, G:134, B:176 and CMYK values of C:0.49, M:0.24, Y:0, K:0.31. Its decimal value is 5867184.

Hex triplet	5986b0	`#5986b0`
RGB Decimal	89, 134, 176	`rgb(89,134,176)`
RGB Percent	34.9, 52.5, 69	`rgb(34.9%,52.5%,69%)`
CMYK	49, 24, 0, 31
HSL	209°, 35.5, 52	`hsl(209,35.5%,52%)`
HSV (or HSB)	209°, 49.4, 69
Web Safe	669999	`#669999`

CIE-LAB	54.352, -3.487, -26.901
XYZ	20.48, 22.308, 44.299
xyY	0.235, 0.256, 22.308
CIE-LCH	54.352, 27.126, 262.614
CIE-LUV	54.352, -21.176, -40.216
Hunter-Lab	47.231, -5.255, -22.547
Binary	01011001, 10000110, 10110000

#5986b0
```
#5986b0 rgb(89,134,176)
```
#b08359
```
#b08359 rgb(176,131,89)
```

Complementary Color

#59b0af
```
#59b0af rgb(89,176,175)
```
#5986b0
```
#5986b0 rgb(89,134,176)
```
#595bb0
```
#595bb0 rgb(89,91,176)
```

Analogous Color

#b0af59
```
#b0af59 rgb(176,175,89)
```
#5986b0
```
#5986b0 rgb(89,134,176)
```
#b0595b
```
#b0595b rgb(176,89,91)
```

Split Complementary Color

#86b059
```
#86b059 rgb(134,176,89)
```
#5986b0
```
#5986b0 rgb(89,134,176)
```
#b05986
```
#b05986 rgb(176,89,134)
```

Triadic Color

#59b083
```
#59b083 rgb(89,176,131)
```
#5986b0
```
#5986b0 rgb(89,134,176)
```
#b05986
```
#b05986 rgb(176,89,134)
```
#b08359
```
#b08359 rgb(176,131,89)
```

Tetradic Color

#3d5f80
```
#3d5f80 rgb(61,95,128)
```
#456c91
```
#456c91 rgb(69,108,145)
```
#4d79a2
```
#4d79a2 rgb(77,121,162)
```
#5986b0
```
#5986b0 rgb(89,134,176)
```
#6a93b8
```
#6a93b8 rgb(106,147,184)
```
#7c9fc0
```
#7c9fc0 rgb(124,159,192)
```
#8dacc9
```
#8dacc9 rgb(141,172,201)
```

Monochromatic Color

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

#599cb0
```
#599cb0 rgb(89,156,176)
```
#5995b0
```
#5995b0 rgb(89,149,176)
```
#598db0
```
#598db0 rgb(89,141,176)
```
#5986b0
```
#5986b0 rgb(89,134,176)
```
#597fb0
```
#597fb0 rgb(89,127,176)
```
#5978b0
```
#5978b0 rgb(89,120,176)
```
#5970b0
```
#5970b0 rgb(89,112,176)
```

Similar Colors

Text with hexadecimal color #5986b0

This text has a font color of #5986b0.

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

#5986b0 background color

This paragraph has a background color of #5986b0.

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

#5986b0 border color

This element has a border color of #5986b0.

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

CSS codes

.text {color:#5986b0;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#0a0f14
```
#0a0f14 rgb(10,15,20)
```
#101921
```
#101921 rgb(16,25,33)
```
#16232f
```
#16232f rgb(22,35,47)
```
#1d2d3c
```
#1d2d3c rgb(29,45,60)
```
#233749
```
#233749 rgb(35,55,73)
```
#294157
```
#294157 rgb(41,65,87)
```
#2f4b64
```
#2f4b64 rgb(47,75,100)
```
#365471
```
#365471 rgb(54,84,113)
```
#3c5e7e
```
#3c5e7e rgb(60,94,126)
```
#42688c
```
#42688c rgb(66,104,140)
```
#497299
```
#497299 rgb(73,114,153)
```
#4f7ca6
```
#4f7ca6 rgb(79,124,166)
```

Shade Color Variation

#5986b0
```
#5986b0 rgb(89,134,176)
```
#6690b6
```
#6690b6 rgb(102,144,182)
```
#7499bd
```
#7499bd rgb(116,153,189)
```
#81a3c3
```
#81a3c3 rgb(129,163,195)
```
#8eadc9
```
#8eadc9 rgb(142,173,201)
```
#9bb6d0
```
#9bb6d0 rgb(155,182,208)
```
#a9c0d6
```
#a9c0d6 rgb(169,192,214)
```
#b6cadc
```
#b6cadc rgb(182,202,220)
```
#c3d4e3
```
#c3d4e3 rgb(195,212,227)
```
#d1dde9
```
#d1dde9 rgb(209,221,233)
```
#dee7ef
```
#dee7ef rgb(222,231,239)
```
#ebf1f6
```
#ebf1f6 rgb(235,241,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f858a is the less saturated color, while #0e89fb is the most saturated one.

#7f858a
```
#7f858a rgb(127,133,138)
```
#758594
```
#758594 rgb(117,133,148)
```
#6c859d
```
#6c859d rgb(108,133,157)
```
#6286a7
```
#6286a7 rgb(98,134,167)
```
#5986b0
```
#5986b0 rgb(89,134,176)
```
#5086b9
```
#5086b9 rgb(80,134,185)
```
#4687c3
```
#4687c3 rgb(70,135,195)
```
#3d87cc
```
#3d87cc rgb(61,135,204)
```
#3387d6
```
#3387d6 rgb(51,135,214)
```
#2a88df
```
#2a88df rgb(42,136,223)
```
#2088e9
```
#2088e9 rgb(32,136,233)
```
#1788f2
```
#1788f2 rgb(23,136,242)
```
#0e89fb
```
#0e89fb rgb(14,137,251)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c86b0 Protanopia 1% of men
#7986b6 Deuteranopia 1% of men
#57919b Tritanopia 0.001% of the population

Trichromacy

#6f86b0 Protanomaly 1% of men, 0.01% of women
#6d86b3 Deuteranomaly 6% of men, 0.4% of women
#588da3 Tritanomaly 0.01% of the population

#5986b0 hex color

#5986b0 Color Information

#5986b0 Color Conversion

Color Schemes with #5986b0

Alternatives to #5986b0

#5986b0 Preview

Shades and Tints of #5986b0

Tones of #5986b0

Color Blindness Simulator