#5988b2 hex color

In a RGB color space, hex #5988b2 is composed of 34.9% red, 53.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 23.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 208.3 degrees, a saturation of 36.6% and a lightness of 52.4%. #5988b2 color hex could be obtained by blending #b2ffff with #001165. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 53
- B 70
RGB color chart
- C 50
- M 24
- Y 0
- K 30
CMYK color chart

● #5988b2 color description : Dark moderate blue.

The hexadecimal color #5988b2 has RGB values of R:89, G:136, B:178 and CMYK values of C:0.5, M:0.24, Y:0, K:0.3. Its decimal value is 5867698.

Hex triplet	5988b2	`#5988b2`
RGB Decimal	89, 136, 178	`rgb(89,136,178)`
RGB Percent	34.9, 53.3, 69.8	`rgb(34.9%,53.3%,69.8%)`
CMYK	50, 24, 0, 30
HSL	208.3°, 36.6, 52.4	`hsl(208.3,36.6%,52.4%)`
HSV (or HSB)	208.3°, 50, 69.8
Web Safe	669999	`#669999`

CIE-LAB	55.016, -4.034, -27.019
XYZ	20.958, 22.945, 45.442
xyY	0.235, 0.257, 22.945
CIE-LCH	55.016, 27.319, 261.508
CIE-LUV	55.016, -21.932, -40.427
Hunter-Lab	47.901, -5.729, -22.714
Binary	01011001, 10001000, 10110010

#5988b2
```
#5988b2 rgb(89,136,178)
```
#b28359
```
#b28359 rgb(178,131,89)
```

Complementary Color

#59b2b0
```
#59b2b0 rgb(89,178,176)
```
#5988b2
```
#5988b2 rgb(89,136,178)
```
#595cb2
```
#595cb2 rgb(89,92,178)
```

Analogous Color

#b2b059
```
#b2b059 rgb(178,176,89)
```
#5988b2
```
#5988b2 rgb(89,136,178)
```
#b2595c
```
#b2595c rgb(178,89,92)
```

Split Complementary Color

#88b259
```
#88b259 rgb(136,178,89)
```
#5988b2
```
#5988b2 rgb(89,136,178)
```
#b25988
```
#b25988 rgb(178,89,136)
```

Triadic Color

#59b283
```
#59b283 rgb(89,178,131)
```
#5988b2
```
#5988b2 rgb(89,136,178)
```
#b25988
```
#b25988 rgb(178,89,136)
```
#b28359
```
#b28359 rgb(178,131,89)
```

Tetradic Color

#3c6182
```
#3c6182 rgb(60,97,130)
```
#446e94
```
#446e94 rgb(68,110,148)
```
#4d7ba5
```
#4d7ba5 rgb(77,123,165)
```
#5988b2
```
#5988b2 rgb(89,136,178)
```
#6a94ba
```
#6a94ba rgb(106,148,186)
```
#7ca1c2
```
#7ca1c2 rgb(124,161,194)
```
#8dadca
```
#8dadca rgb(141,173,202)
```

Monochromatic Color

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

#599eb2
```
#599eb2 rgb(89,158,178)
```
#5997b2
```
#5997b2 rgb(89,151,178)
```
#598fb2
```
#598fb2 rgb(89,143,178)
```
#5988b2
```
#5988b2 rgb(89,136,178)
```
#5981b2
```
#5981b2 rgb(89,129,178)
```
#5979b2
```
#5979b2 rgb(89,121,178)
```
#5972b2
```
#5972b2 rgb(89,114,178)
```

Similar Colors

Text with hexadecimal color #5988b2

This text has a font color of #5988b2.

<span style="color:#5988b2;">Text here</span>

#5988b2 background color

This paragraph has a background color of #5988b2.

<p style="background-color:#5988b2;">Content here</p>

#5988b2 border color

This element has a border color of #5988b2.

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

CSS codes

.text {color:#5988b2;}

.background {background-color:#5988b2;}

.border {border:1px solid #5988b2;}

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

#040608
```
#040608 rgb(4,6,8)
```
#0a1016
```
#0a1016 rgb(10,16,22)
```
#101a23
```
#101a23 rgb(16,26,35)
```
#162430
```
#162430 rgb(22,36,48)
```
#1d2e3e
```
#1d2e3e rgb(29,46,62)
```
#23384b
```
#23384b rgb(35,56,75)
```
#294259
```
#294259 rgb(41,66,89)
```
#2f4c66
```
#2f4c66 rgb(47,76,102)
```
#365673
```
#365673 rgb(54,86,115)
```
#3c6081
```
#3c6081 rgb(60,96,129)
```
#426a8e
```
#426a8e rgb(66,106,142)
```
#48749c
```
#48749c rgb(72,116,156)
```
#4e7ea9
```
#4e7ea9 rgb(78,126,169)
```

Shade Color Variation

#5988b2
```
#5988b2 rgb(89,136,178)
```
#6692b8
```
#6692b8 rgb(102,146,184)
```
#749bbe
```
#749bbe rgb(116,155,190)
```
#81a5c5
```
#81a5c5 rgb(129,165,197)
```
#8faecb
```
#8faecb rgb(143,174,203)
```
#9cb8d1
```
#9cb8d1 rgb(156,184,209)
```
#a9c2d7
```
#a9c2d7 rgb(169,194,215)
```
#b7cbde
```
#b7cbde rgb(183,203,222)
```
#c4d5e4
```
#c4d5e4 rgb(196,213,228)
```
#d2deea
```
#d2deea rgb(210,222,234)
```
#dfe8f0
```
#dfe8f0 rgb(223,232,240)
```
#ecf2f6
```
#ecf2f6 rgb(236,242,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#7e868d
```
#7e868d rgb(126,134,141)
```
#758696
```
#758696 rgb(117,134,150)
```
#6c879f
```
#6c879f rgb(108,135,159)
```
#6287a9
```
#6287a9 rgb(98,135,169)
```
#5988b2
```
#5988b2 rgb(89,136,178)
```
#5089bb
```
#5089bb rgb(80,137,187)
```
#4689c5
```
#4689c5 rgb(70,137,197)
```
#3d8ace
```
#3d8ace rgb(61,138,206)
```
#348ad7
```
#348ad7 rgb(52,138,215)
```
#2a8be1
```
#2a8be1 rgb(42,139,225)
```
#218bea
```
#218bea rgb(33,139,234)
```
#188cf3
```
#188cf3 rgb(24,140,243)
```
#0e8cfd
```
#0e8cfd rgb(14,140,253)
```

Tone Color Variation

Below, you can see how #5988b2 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
#778189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d88b2 Protanopia 1% of men
#7a88b8 Deuteranopia 1% of men
#57929d Tritanopia 0.001% of the population

Trichromacy

#7088b2 Protanomaly 1% of men, 0.01% of women
#6e88b5 Deuteranomaly 6% of men, 0.4% of women
#588ea5 Tritanomaly 0.01% of the population

#5988b2 hex color

#5988b2 Color Information

#5988b2 Color Conversion

Color Schemes with #5988b2

Alternatives to #5988b2

#5988b2 Preview

Shades and Tints of #5988b2

Tones of #5988b2

Color Blindness Simulator