#5b89b0 hex color

In a RGB color space, hex #5b89b0 is composed of 35.7% red, 53.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 22.2% magenta, 0% yellow and 31% black. It has a hue angle of 207.5 degrees, a saturation of 35% and a lightness of 52.4%. #5b89b0 color hex could be obtained by blending #b6ffff with #001361. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 54
- B 69
RGB color chart
- C 48
- M 22
- Y 0
- K 31
CMYK color chart

● #5b89b0 color description : Dark moderate blue.

The hexadecimal color #5b89b0 has RGB values of R:91, G:137, B:176 and CMYK values of C:0.48, M:0.22, Y:0, K:0.31. Its decimal value is 5999024.

Hex triplet	5b89b0	`#5b89b0`
RGB Decimal	91, 137, 176	`rgb(91,137,176)`
RGB Percent	35.7, 53.7, 69	`rgb(35.7%,53.7%,69%)`
CMYK	48, 22, 0, 31
HSL	207.5°, 35, 52.4	`hsl(207.5,35%,52.4%)`
HSV (or HSB)	207.5°, 48.3, 69
Web Safe	669999	`#669999`

CIE-LAB	55.328, -4.723, -25.384
XYZ	21.095, 23.249, 44.448
xyY	0.238, 0.262, 23.249
CIE-LCH	55.328, 25.82, 259.461
CIE-LUV	55.328, -21.683, -37.757
Hunter-Lab	48.217, -6.288, -20.903
Binary	01011011, 10001001, 10110000

#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#b0825b
```
#b0825b rgb(176,130,91)
```

Complementary Color

#5bb0ad
```
#5bb0ad rgb(91,176,173)
```
#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#5b5fb0
```
#5b5fb0 rgb(91,95,176)
```

Analogous Color

#b0ad5b
```
#b0ad5b rgb(176,173,91)
```
#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#b05b5f
```
#b05b5f rgb(176,91,95)
```

Split Complementary Color

#89b05b
```
#89b05b rgb(137,176,91)
```
#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#b05b89
```
#b05b89 rgb(176,91,137)
```

Triadic Color

#5bb082
```
#5bb082 rgb(91,176,130)
```
#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#b05b89
```
#b05b89 rgb(176,91,137)
```
#b0825b
```
#b0825b rgb(176,130,91)
```

Tetradic Color

#3e6281
```
#3e6281 rgb(62,98,129)
```
#466f92
```
#466f92 rgb(70,111,146)
```
#4f7ca3
```
#4f7ca3 rgb(79,124,163)
```
#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#6c95b8
```
#6c95b8 rgb(108,149,184)
```
#7da2c1
```
#7da2c1 rgb(125,162,193)
```
#8faec9
```
#8faec9 rgb(143,174,201)
```

Monochromatic Color

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

#5b9eb0
```
#5b9eb0 rgb(91,158,176)
```
#5b97b0
```
#5b97b0 rgb(91,151,176)
```
#5b90b0
```
#5b90b0 rgb(91,144,176)
```
#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#5b82b0
```
#5b82b0 rgb(91,130,176)
```
#5b7bb0
```
#5b7bb0 rgb(91,123,176)
```
#5b74b0
```
#5b74b0 rgb(91,116,176)
```

Similar Colors

Text with hexadecimal color #5b89b0

This text has a font color of #5b89b0.

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

#5b89b0 background color

This paragraph has a background color of #5b89b0.

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

#5b89b0 border color

This element has a border color of #5b89b0.

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

CSS codes

.text {color:#5b89b0;}

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

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

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)
```
#0a1015
```
#0a1015 rgb(10,16,21)
```
#111a23
```
#111a23 rgb(17,26,35)
```
#172430
```
#172430 rgb(23,36,48)
```
#1d2f3d
```
#1d2f3d rgb(29,47,61)
```
#24394a
```
#24394a rgb(36,57,74)
```
#2a4358
```
#2a4358 rgb(42,67,88)
```
#314d65
```
#314d65 rgb(49,77,101)
```
#375772
```
#375772 rgb(55,87,114)
```
#3d617f
```
#3d617f rgb(61,97,127)
```
#446b8c
```
#446b8c rgb(68,107,140)
```
#4a759a
```
#4a759a rgb(74,117,154)
```
#507fa7
```
#507fa7 rgb(80,127,167)
```

Shade Color Variation

#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#6893b6
```
#6893b6 rgb(104,147,182)
```
#759cbd
```
#759cbd rgb(117,156,189)
```
#83a6c3
```
#83a6c3 rgb(131,166,195)
```
#90afca
```
#90afca rgb(144,175,202)
```
#9db9d0
```
#9db9d0 rgb(157,185,208)
```
#aac2d6
```
#aac2d6 rgb(170,194,214)
```
#b8ccdd
```
#b8ccdd rgb(184,204,221)
```
#c5d5e3
```
#c5d5e3 rgb(197,213,227)
```
#d2dfe9
```
#d2dfe9 rgb(210,223,233)
```
#dfe8f0
```
#dfe8f0 rgb(223,232,240)
```
#edf2f6
```
#edf2f6 rgb(237,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, #80868b is the less saturated color, while #108ffb is the most saturated one.

#80868b
```
#80868b rgb(128,134,139)
```
#778794
```
#778794 rgb(119,135,148)
```
#6e879d
```
#6e879d rgb(110,135,157)
```
#6488a7
```
#6488a7 rgb(100,136,167)
```
#5b89b0
```
#5b89b0 rgb(91,137,176)
```
#528ab9
```
#528ab9 rgb(82,138,185)
```
#488bc3
```
#488bc3 rgb(72,139,195)
```
#3f8bcc
```
#3f8bcc rgb(63,139,204)
```
#368cd5
```
#368cd5 rgb(54,140,213)
```
#2c8ddf
```
#2c8ddf rgb(44,141,223)
```
#238ee8
```
#238ee8 rgb(35,142,232)
```
#1a8ef1
```
#1a8ef1 rgb(26,142,241)
```
#108ffb
```
#108ffb rgb(16,143,251)
```

Tone Color Variation

Below, you can see how #5b89b0 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
#79828a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f89b0 Protanopia 1% of men
#7d89b6 Deuteranopia 1% of men
#5a939e Tritanopia 0.001% of the population

Trichromacy

#7289b0 Protanomaly 1% of men, 0.01% of women
#7189b4 Deuteranomaly 6% of men, 0.4% of women
#5a8fa4 Tritanomaly 0.01% of the population

#5b89b0 hex color

#5b89b0 Color Information

#5b89b0 Color Conversion

Color Schemes with #5b89b0

Alternatives to #5b89b0

#5b89b0 Preview

Shades and Tints of #5b89b0

Tones of #5b89b0

Color Blindness Simulator