#5b7387 hex color

In a RGB color space, hex #5b7387 is composed of 35.7% red, 45.1% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 14.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 207.3 degrees, a saturation of 19.5% and a lightness of 44.3%. #5b7387 color hex could be obtained by blending #b6e6ff with #00000f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 45
- B 53
RGB color chart
- C 33
- M 15
- Y 0
- K 47
CMYK color chart

● #5b7387 color description : Mostly desaturated dark blue.

The hexadecimal color #5b7387 has RGB values of R:91, G:115, B:135 and CMYK values of C:0.33, M:0.15, Y:0, K:0.47. Its decimal value is 5993351.

Hex triplet	5b7387	`#5b7387`
RGB Decimal	91, 115, 135	`rgb(91,115,135)`
RGB Percent	35.7, 45.1, 52.9	`rgb(35.7%,45.1%,52.9%)`
CMYK	33, 15, 0, 47
HSL	207.3°, 19.5, 44.3	`hsl(207.3,19.5%,44.3%)`
HSV (or HSB)	207.3°, 32.6, 52.9
Web Safe	666699	`#666699`

CIE-LAB	47.281, -3.661, -13.808
XYZ	14.817, 16.234, 25.273
xyY	0.263, 0.288, 16.234
CIE-LCH	47.281, 14.285, 255.151
CIE-LUV	47.281, -12.581, -19.105
Hunter-Lab	40.292, -4.868, -8.985
Binary	01011011, 01110011, 10000111

#5b7387
```
#5b7387 rgb(91,115,135)
```
#876f5b
```
#876f5b rgb(135,111,91)
```

Complementary Color

#5b8785
```
#5b8785 rgb(91,135,133)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#5b5d87
```
#5b5d87 rgb(91,93,135)
```

Analogous Color

#87855b
```
#87855b rgb(135,133,91)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#875b5d
```
#875b5d rgb(135,91,93)
```

Split Complementary Color

#73875b
```
#73875b rgb(115,135,91)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#875b73
```
#875b73 rgb(135,91,115)
```

Triadic Color

#5b876f
```
#5b876f rgb(91,135,111)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#875b73
```
#875b73 rgb(135,91,115)
```
#876f5b
```
#876f5b rgb(135,111,91)
```

Tetradic Color

#3c4c59
```
#3c4c59 rgb(60,76,89)
```
#465969
```
#465969 rgb(70,89,105)
```
#516678
```
#516678 rgb(81,102,120)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#658096
```
#658096 rgb(101,128,150)
```
#748da1
```
#748da1 rgb(116,141,161)
```
#8399ab
```
#8399ab rgb(131,153,171)
```

Monochromatic Color

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

#5b7e87
```
#5b7e87 rgb(91,126,135)
```
#5b7a87
```
#5b7a87 rgb(91,122,135)
```
#5b7787
```
#5b7787 rgb(91,119,135)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#5b6f87
```
#5b6f87 rgb(91,111,135)
```
#5b6c87
```
#5b6c87 rgb(91,108,135)
```
#5b6887
```
#5b6887 rgb(91,104,135)
```

Similar Colors

Text with hexadecimal color #5b7387

This text has a font color of #5b7387.

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

#5b7387 background color

This paragraph has a background color of #5b7387.

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

#5b7387 border color

This element has a border color of #5b7387.

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

CSS codes

.text {color:#5b7387;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c0f12
```
#0c0f12 rgb(12,15,18)
```
#14191e
```
#14191e rgb(20,25,30)
```
#1c2329
```
#1c2329 rgb(28,35,41)
```
#242d35
```
#242d35 rgb(36,45,53)
```
#2c3741
```
#2c3741 rgb(44,55,65)
```
#34414c
```
#34414c rgb(52,65,76)
```
#3b4b58
```
#3b4b58 rgb(59,75,88)
```
#435564
```
#435564 rgb(67,85,100)
```
#4b5f70
```
#4b5f70 rgb(75,95,112)
```
#53697b
```
#53697b rgb(83,105,123)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#637d93
```
#637d93 rgb(99,125,147)
```

Shade Color Variation

#6d879c
```
#6d879c rgb(109,135,156)
```
#7990a4
```
#7990a4 rgb(121,144,164)
```
#849aac
```
#849aac rgb(132,154,172)
```
#90a4b4
```
#90a4b4 rgb(144,164,180)
```
#9cadbc
```
#9cadbc rgb(156,173,188)
```
#a7b7c4
```
#a7b7c4 rgb(167,183,196)
```
#b3c1cc
```
#b3c1cc rgb(179,193,204)
```
#bfcad4
```
#bfcad4 rgb(191,202,212)
```
#cbd4dc
```
#cbd4dc rgb(203,212,220)
```
#d6dde4
```
#d6dde4 rgb(214,221,228)
```
#e2e7eb
```
#e2e7eb rgb(226,231,235)
```
#eef1f3
```
#eef1f3 rgb(238,241,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7176 is the less saturated color, while #047bde is the most saturated one.

#6c7176
```
#6c7176 rgb(108,113,118)
```
#64727e
```
#64727e rgb(100,114,126)
```
#5b7387
```
#5b7387 rgb(91,115,135)
```
#527490
```
#527490 rgb(82,116,144)
```
#4a7598
```
#4a7598 rgb(74,117,152)
```
#4175a1
```
#4175a1 rgb(65,117,161)
```
#3876aa
```
#3876aa rgb(56,118,170)
```
#3077b2
```
#3077b2 rgb(48,119,178)
```
#2778bb
```
#2778bb rgb(39,120,187)
```
#1e79c4
```
#1e79c4 rgb(30,121,196)
```
#1579cd
```
#1579cd rgb(21,121,205)
```
#0d7ad5
```
#0d7ad5 rgb(13,122,213)
```
#047bde
```
#047bde rgb(4,123,222)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a6f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73768b Protanopia 1% of men
#76758f Deuteranopia 1% of men
#617b84 Tritanopia 0.001% of the population

Trichromacy

#6a7589 Protanomaly 1% of men, 0.01% of women
#6c748c Deuteranomaly 6% of men, 0.4% of women
#5e7885 Tritanomaly 0.01% of the population

#5b7387 hex color

#5b7387 Color Information

#5b7387 Color Conversion

Color Schemes with #5b7387

Alternatives to #5b7387

#5b7387 Preview

Shades and Tints of #5b7387

Tones of #5b7387

Color Blindness Simulator