#5f89bd hex color

In a RGB color space, hex #5f89bd is composed of 37.3% red, 53.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 27.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 213.2 degrees, a saturation of 41.6% and a lightness of 55.7%. #5f89bd color hex could be obtained by blending #beffff with #00137b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 54
- B 74
RGB color chart
- C 50
- M 28
- Y 0
- K 26
CMYK color chart

● #5f89bd color description : Slightly desaturated blue.

The hexadecimal color #5f89bd has RGB values of R:95, G:137, B:189 and CMYK values of C:0.5, M:0.28, Y:0, K:0.26. Its decimal value is 6261181.

Hex triplet	5f89bd	`#5f89bd`
RGB Decimal	95, 137, 189	`rgb(95,137,189)`
RGB Percent	37.3, 53.7, 74.1	`rgb(37.3%,53.7%,74.1%)`
CMYK	50, 28, 0, 26
HSL	213.2°, 41.6, 55.7	`hsl(213.2,41.6%,55.7%)`
HSV (or HSB)	213.2°, 49.7, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.085, 0.18, -31.613
XYZ	22.848, 23.997, 51.569
xyY	0.232, 0.244, 23.997
CIE-LCH	56.085, 31.614, 270.326
CIE-LUV	56.085, -20.277, -48.51
Hunter-Lab	48.987, -2.472, -28.125
Binary	01011111, 10001001, 10111101

#5f89bd
```
#5f89bd rgb(95,137,189)
```
#bd935f
```
#bd935f rgb(189,147,95)
```

Complementary Color

#5fb8bd
```
#5fb8bd rgb(95,184,189)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#645fbd
```
#645fbd rgb(100,95,189)
```

Analogous Color

#b8bd5f
```
#b8bd5f rgb(184,189,95)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#bd645f
```
#bd645f rgb(189,100,95)
```

Split Complementary Color

#89bd5f
```
#89bd5f rgb(137,189,95)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#bd5f89
```
#bd5f89 rgb(189,95,137)
```

Triadic Color

#5fbd93
```
#5fbd93 rgb(95,189,147)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#bd5f89
```
#bd5f89 rgb(189,95,137)
```
#bd935f
```
#bd935f rgb(189,147,95)
```

Tetradic Color

#3d6393
```
#3d6393 rgb(61,99,147)
```
#446fa5
```
#446fa5 rgb(68,111,165)
```
#4d7cb6
```
#4d7cb6 rgb(77,124,182)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#7196c4
```
#7196c4 rgb(113,150,196)
```
#83a4cc
```
#83a4cc rgb(131,164,204)
```
#95b1d3
```
#95b1d3 rgb(149,177,211)
```

Monochromatic Color

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

#5fa1bd
```
#5fa1bd rgb(95,161,189)
```
#5f99bd
```
#5f99bd rgb(95,153,189)
```
#5f91bd
```
#5f91bd rgb(95,145,189)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#5f81bd
```
#5f81bd rgb(95,129,189)
```
#5f79bd
```
#5f79bd rgb(95,121,189)
```
#5f72bd
```
#5f72bd rgb(95,114,189)
```

Similar Colors

Text with hexadecimal color #5f89bd

This text has a font color of #5f89bd.

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

#5f89bd background color

This paragraph has a background color of #5f89bd.

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

#5f89bd border color

This element has a border color of #5f89bd.

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

CSS codes

.text {color:#5f89bd;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080e15
```
#080e15 rgb(8,14,21)
```
#0e1722
```
#0e1722 rgb(14,23,34)
```
#142130
```
#142130 rgb(20,33,48)
```
#1a2a3e
```
#1a2a3e rgb(26,42,62)
```
#1f334c
```
#1f334c rgb(31,51,76)
```
#253d5a
```
#253d5a rgb(37,61,90)
```
#2b4668
```
#2b4668 rgb(43,70,104)
```
#314f76
```
#314f76 rgb(49,79,118)
```
#365984
```
#365984 rgb(54,89,132)
```
#3c6292
```
#3c6292 rgb(60,98,146)
```
#426c9f
```
#426c9f rgb(66,108,159)
```
#4775ad
```
#4775ad rgb(71,117,173)
```

Shade Color Variation

#517fb7
```
#517fb7 rgb(81,127,183)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#6d93c3
```
#6d93c3 rgb(109,147,195)
```
#7b9dc8
```
#7b9dc8 rgb(123,157,200)
```
#89a8ce
```
#89a8ce rgb(137,168,206)
```
#97b2d4
```
#97b2d4 rgb(151,178,212)
```
#a4bcda
```
#a4bcda rgb(164,188,218)
```
#b2c6df
```
#b2c6df rgb(178,198,223)
```
#c0d1e5
```
#c0d1e5 rgb(192,209,229)
```
#cedbeb
```
#cedbeb rgb(206,219,235)
```
#dce5f1
```
#dce5f1 rgb(220,229,241)
```
#eaeff6
```
#eaeff6 rgb(234,239,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8e92 is the less saturated color, while #2283fa is the most saturated one.

#8a8e92
```
#8a8e92 rgb(138,142,146)
```
#828d9a
```
#828d9a rgb(130,141,154)
```
#798ca3
```
#798ca3 rgb(121,140,163)
```
#708bac
```
#708bac rgb(112,139,172)
```
#688ab4
```
#688ab4 rgb(104,138,180)
```
#5f89bd
```
#5f89bd rgb(95,137,189)
```
#5688c6
```
#5688c6 rgb(86,136,198)
```
#4e87ce
```
#4e87ce rgb(78,135,206)
```
#4586d7
```
#4586d7 rgb(69,134,215)
```
#3c85e0
```
#3c85e0 rgb(60,133,224)
```
#3484e8
```
#3484e8 rgb(52,132,232)
```
#2b83f1
```
#2b83f1 rgb(43,131,241)
```
#2283fa
```
#2283fa rgb(34,131,250)
```

Tone Color Variation

Below, you can see how #5f89bd 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

#828282 Achromatopsia 0.005% of the population
#7b838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8abd Protanopia 1% of men
#778bc1 Deuteranopia 1% of men
#5a95a0 Tritanopia 0.001% of the population

Trichromacy

#718abd Protanomaly 1% of men, 0.01% of women
#6e8ac0 Deuteranomaly 6% of men, 0.4% of women
#5c90aa Tritanomaly 0.01% of the population

#5f89bd hex color

#5f89bd Color Information

#5f89bd Color Conversion

Color Schemes with #5f89bd

Alternatives to #5f89bd

#5f89bd Preview

Shades and Tints of #5f89bd

Tones of #5f89bd

Color Blindness Simulator