#5e7396 hex color

In a RGB color space, hex #5e7396 is composed of 36.9% red, 45.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 23.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 217.5 degrees, a saturation of 23% and a lightness of 47.8%. #5e7396 color hex could be obtained by blending #bce6ff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 45
- B 59
RGB color chart
- C 37
- M 23
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #5e7396 has RGB values of R:94, G:115, B:150 and CMYK values of C:0.37, M:0.23, Y:0, K:0.41. Its decimal value is 6189974.

Hex triplet	5e7396	`#5e7396`
RGB Decimal	94, 115, 150	`rgb(94,115,150)`
RGB Percent	36.9, 45.1, 58.8	`rgb(36.9%,45.1%,58.8%)`
CMYK	37, 23, 0, 41
HSL	217.5°, 23, 47.8	`hsl(217.5,23%,47.8%)`
HSV (or HSB)	217.5°, 37.3, 58.8
Web Safe	666699	`#666699`

CIE-LAB	48.061, 1.386, -21.471
XYZ	16.251, 16.843, 31.247
xyY	0.253, 0.262, 16.843
CIE-LCH	48.061, 21.515, 273.693
CIE-LUV	48.061, -11.613, -31.444
Hunter-Lab	41.04, -1.138, -16.415
Binary	01011110, 01110011, 10010110

#5e7396
```
#5e7396 rgb(94,115,150)
```
#96815e
```
#96815e rgb(150,129,94)
```

Complementary Color

#5e8f96
```
#5e8f96 rgb(94,143,150)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#655e96
```
#655e96 rgb(101,94,150)
```

Analogous Color

#8f965e
```
#8f965e rgb(143,150,94)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#96655e
```
#96655e rgb(150,101,94)
```

Split Complementary Color

#73965e
```
#73965e rgb(115,150,94)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#965e73
```
#965e73 rgb(150,94,115)
```

Triadic Color

#5e9681
```
#5e9681 rgb(94,150,129)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#965e73
```
#965e73 rgb(150,94,115)
```
#96815e
```
#96815e rgb(150,129,94)
```

Tetradic Color

#414f67
```
#414f67 rgb(65,79,103)
```
#4a5b77
```
#4a5b77 rgb(74,91,119)
```
#546786
```
#546786 rgb(84,103,134)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#6b80a2
```
#6b80a2 rgb(107,128,162)
```
#7b8dac
```
#7b8dac rgb(123,141,172)
```
#8b9bb6
```
#8b9bb6 rgb(139,155,182)
```

Monochromatic Color

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

#5e8196
```
#5e8196 rgb(94,129,150)
```
#5e7c96
```
#5e7c96 rgb(94,124,150)
```
#5e7896
```
#5e7896 rgb(94,120,150)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#5e6e96
```
#5e6e96 rgb(94,110,150)
```
#5e6a96
```
#5e6a96 rgb(94,106,150)
```
#5e6596
```
#5e6596 rgb(94,101,150)
```

Similar Colors

Text with hexadecimal color #5e7396

This text has a font color of #5e7396.

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

#5e7396 background color

This paragraph has a background color of #5e7396.

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

#5e7396 border color

This element has a border color of #5e7396.

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

CSS codes

.text {color:#5e7396;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0d11
```
#0b0d11 rgb(11,13,17)
```
#12171d
```
#12171d rgb(18,23,29)
```
#1a2029
```
#1a2029 rgb(26,32,41)
```
#222936
```
#222936 rgb(34,41,54)
```
#293242
```
#293242 rgb(41,50,66)
```
#313c4e
```
#313c4e rgb(49,60,78)
```
#38455a
```
#38455a rgb(56,69,90)
```
#404e66
```
#404e66 rgb(64,78,102)
```
#475772
```
#475772 rgb(71,87,114)
```
#4f617e
```
#4f617e rgb(79,97,126)
```
#566a8a
```
#566a8a rgb(86,106,138)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```

Shade Color Variation

#687da0
```
#687da0 rgb(104,125,160)
```
#7487a8
```
#7487a8 rgb(116,135,168)
```
#8091af
```
#8091af rgb(128,145,175)
```
#8c9cb7
```
#8c9cb7 rgb(140,156,183)
```
#98a6be
```
#98a6be rgb(152,166,190)
```
#a4b1c6
```
#a4b1c6 rgb(164,177,198)
```
#b0bbcd
```
#b0bbcd rgb(176,187,205)
```
#bcc5d5
```
#bcc5d5 rgb(188,197,213)
```
#c8d0dd
```
#c8d0dd rgb(200,208,221)
```
#d4dae4
```
#d4dae4 rgb(212,218,228)
```
#e0e4ec
```
#e0e4ec rgb(224,228,236)
```
#eceff3
```
#eceff3 rgb(236,239,243)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#717883
```
#717883 rgb(113,120,131)
```
#67758d
```
#67758d rgb(103,117,141)
```
#5e7396
```
#5e7396 rgb(94,115,150)
```
#55719f
```
#55719f rgb(85,113,159)
```
#4b6ea9
```
#4b6ea9 rgb(75,110,169)
```
#426cb2
```
#426cb2 rgb(66,108,178)
```
#386abc
```
#386abc rgb(56,106,188)
```
#2f67c5
```
#2f67c5 rgb(47,103,197)
```
#2665ce
```
#2665ce rgb(38,101,206)
```
#1c63d8
```
#1c63d8 rgb(28,99,216)
```
#1360e1
```
#1360e1 rgb(19,96,225)
```
#0a5eea
```
#0a5eea rgb(10,94,234)
```
#005cf4
```
#005cf4 rgb(0,92,244)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6d7178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f789a Protanopia 1% of men
#70779c Deuteranopia 1% of men
#607e87 Tritanopia 0.001% of the population

Trichromacy

#697698 Protanomaly 1% of men, 0.01% of women
#69759a Deuteranomaly 6% of men, 0.4% of women
#5f7a8c Tritanomaly 0.01% of the population

#5e7396 hex color

#5e7396 Color Information

#5e7396 Color Conversion

Color Schemes with #5e7396

Alternatives to #5e7396

#5e7396 Preview

Shades and Tints of #5e7396

Tones of #5e7396

Color Blindness Simulator