#5b7294 hex color

In a RGB color space, hex #5b7294 is composed of 35.7% red, 44.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 23% magenta, 0% yellow and 42% black. It has a hue angle of 215.8 degrees, a saturation of 23.8% and a lightness of 46.9%. #5b7294 color hex could be obtained by blending #b6e4ff with #000029. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 45
- B 58
RGB color chart
- C 39
- M 23
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #5b7294 has RGB values of R:91, G:114, B:148 and CMYK values of C:0.39, M:0.23, Y:0, K:0.42. Its decimal value is 5993108.

Hex triplet	5b7294	`#5b7294`
RGB Decimal	91, 114, 148	`rgb(91,114,148)`
RGB Percent	35.7, 44.7, 58	`rgb(35.7%,44.7%,58%)`
CMYK	39, 23, 0, 42
HSL	215.8°, 23.8, 46.9	`hsl(215.8,23.8%,46.9%)`
HSV (or HSB)	215.8°, 38.5, 58
Web Safe	666699	`#666699`

CIE-LAB	47.49, 0.535, -21.186
XYZ	15.676, 16.396, 30.354
xyY	0.251, 0.263, 16.396
CIE-LCH	47.49, 21.193, 271.447
CIE-LUV	47.49, -12.379, -30.822
Hunter-Lab	40.492, -1.759, -16.101
Binary	01011011, 01110010, 10010100

#5b7294
```
#5b7294 rgb(91,114,148)
```
#947d5b
```
#947d5b rgb(148,125,91)
```

Complementary Color

#5b8f94
```
#5b8f94 rgb(91,143,148)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```
#615b94
```
#615b94 rgb(97,91,148)
```

Analogous Color

#8f945b
```
#8f945b rgb(143,148,91)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```
#94615b
```
#94615b rgb(148,97,91)
```

Split Complementary Color

#72945b
```
#72945b rgb(114,148,91)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```
#945b72
```
#945b72 rgb(148,91,114)
```

Triadic Color

#5b947d
```
#5b947d rgb(91,148,125)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```
#945b72
```
#945b72 rgb(148,91,114)
```
#947d5b
```
#947d5b rgb(148,125,91)
```

Tetradic Color

#3e4e65
```
#3e4e65 rgb(62,78,101)
```
#485a74
```
#485a74 rgb(72,90,116)
```
#516684
```
#516684 rgb(81,102,132)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```
#677fa2
```
#677fa2 rgb(103,127,162)
```
#778cab
```
#778cab rgb(119,140,171)
```
#8799b5
```
#8799b5 rgb(135,153,181)
```

Monochromatic Color

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

#5b8094
```
#5b8094 rgb(91,128,148)
```
#5b7c94
```
#5b7c94 rgb(91,124,148)
```
#5b7794
```
#5b7794 rgb(91,119,148)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```
#5b6d94
```
#5b6d94 rgb(91,109,148)
```
#5b6994
```
#5b6994 rgb(91,105,148)
```
#5b6494
```
#5b6494 rgb(91,100,148)
```

Similar Colors

Text with hexadecimal color #5b7294

This text has a font color of #5b7294.

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

#5b7294 background color

This paragraph has a background color of #5b7294.

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

#5b7294 border color

This element has a border color of #5b7294.

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

CSS codes

.text {color:#5b7294;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090b0e
```
#090b0e rgb(9,11,14)
```
#10141b
```
#10141b rgb(16,20,27)
```
#181e27
```
#181e27 rgb(24,30,39)
```
#1f2733
```
#1f2733 rgb(31,39,51)
```
#27313f
```
#27313f rgb(39,49,63)
```
#2e3a4b
```
#2e3a4b rgb(46,58,75)
```
#364357
```
#364357 rgb(54,67,87)
```
#3d4d63
```
#3d4d63 rgb(61,77,99)
```
#455670
```
#455670 rgb(69,86,112)
```
#4c5f7c
```
#4c5f7c rgb(76,95,124)
```
#546988
```
#546988 rgb(84,105,136)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```

Shade Color Variation

#637c9f
```
#637c9f rgb(99,124,159)
```
#6f86a7
```
#6f86a7 rgb(111,134,167)
```
#7c90ae
```
#7c90ae rgb(124,144,174)
```
#889ab6
```
#889ab6 rgb(136,154,182)
```
#94a5bd
```
#94a5bd rgb(148,165,189)
```
#a0afc5
```
#a0afc5 rgb(160,175,197)
```
#acb9cc
```
#acb9cc rgb(172,185,204)
```
#b8c3d4
```
#b8c3d4 rgb(184,195,212)
```
#c5cedb
```
#c5cedb rgb(197,206,219)
```
#d1d8e3
```
#d1d8e3 rgb(209,216,227)
```
#dde2ea
```
#dde2ea rgb(221,226,234)
```
#e9ecf1
```
#e9ecf1 rgb(233,236,241)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777778 is the less saturated color, while #0862e7 is the most saturated one.

#777778
```
#777778 rgb(119,119,120)
```
#6d7682
```
#6d7682 rgb(109,118,130)
```
#64748b
```
#64748b rgb(100,116,139)
```
#5b7294
```
#5b7294 rgb(91,114,148)
```
#52709d
```
#52709d rgb(82,112,157)
```
#496ea6
```
#496ea6 rgb(73,110,166)
```
#3f6db0
```
#3f6db0 rgb(63,109,176)
```
#366bb9
```
#366bb9 rgb(54,107,185)
```
#2d69c2
```
#2d69c2 rgb(45,105,194)
```
#2467cb
```
#2467cb rgb(36,103,203)
```
#1b66d4
```
#1b66d4 rgb(27,102,212)
```
#1164de
```
#1164de rgb(17,100,222)
```
#0862e7
```
#0862e7 rgb(8,98,231)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6b7076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7697 Protanopia 1% of men
#6f769a Deuteranopia 1% of men
#5d7d86 Tritanopia 0.001% of the population

Trichromacy

#677596 Protanomaly 1% of men, 0.01% of women
#677498 Deuteranomaly 6% of men, 0.4% of women
#5c798b Tritanomaly 0.01% of the population

#5b7294 hex color

#5b7294 Color Information

#5b7294 Color Conversion

Color Schemes with #5b7294

Alternatives to #5b7294

#5b7294 Preview

Shades and Tints of #5b7294

Tones of #5b7294

Color Blindness Simulator