#5e7684 hex color

In a RGB color space, hex #5e7684 is composed of 36.9% red, 46.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 28.8% cyan, 10.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 202.1 degrees, a saturation of 16.8% and a lightness of 44.3%. #5e7684 color hex could be obtained by blending #bcecff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 46
- B 52
RGB color chart
- C 29
- M 11
- Y 0
- K 48
CMYK color chart

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

The hexadecimal color #5e7684 has RGB values of R:94, G:118, B:132 and CMYK values of C:0.29, M:0.11, Y:0, K:0.48. Its decimal value is 6190724.

Hex triplet	5e7684	`#5e7684`
RGB Decimal	94, 118, 132	`rgb(94,118,132)`
RGB Percent	36.9, 46.3, 51.8	`rgb(36.9%,46.3%,51.8%)`
CMYK	29, 11, 0, 48
HSL	202.1°, 16.8, 44.3	`hsl(202.1,16.8%,44.3%)`
HSV (or HSB)	202.1°, 28.8, 51.8
Web Safe	666699	`#666699`

CIE-LAB	48.263, -5.25, -10.527
XYZ	15.258, 17.002, 24.306
xyY	0.27, 0.301, 17.002
CIE-LCH	48.263, 11.763, 243.496
CIE-LUV	48.263, -12.552, -14.11
Hunter-Lab	41.234, -6.105, -6.087
Binary	01011110, 01110110, 10000100

#5e7684
```
#5e7684 rgb(94,118,132)
```
#846c5e
```
#846c5e rgb(132,108,94)
```

Complementary Color

#5e847f
```
#5e847f rgb(94,132,127)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#5e6384
```
#5e6384 rgb(94,99,132)
```

Analogous Color

#847f5e
```
#847f5e rgb(132,127,94)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#845e63
```
#845e63 rgb(132,94,99)
```

Split Complementary Color

#76845e
```
#76845e rgb(118,132,94)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#845e76
```
#845e76 rgb(132,94,118)
```

Triadic Color

#5e846c
```
#5e846c rgb(94,132,108)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#845e76
```
#845e76 rgb(132,94,118)
```
#846c5e
```
#846c5e rgb(132,108,94)
```

Tetradic Color

#3e4e57
```
#3e4e57 rgb(62,78,87)
```
#495b66
```
#495b66 rgb(73,91,102)
```
#536975
```
#536975 rgb(83,105,117)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#698393
```
#698393 rgb(105,131,147)
```
#77909e
```
#77909e rgb(119,144,158)
```
#869ca9
```
#869ca9 rgb(134,156,169)
```

Monochromatic Color

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

#5e8084
```
#5e8084 rgb(94,128,132)
```
#5e7c84
```
#5e7c84 rgb(94,124,132)
```
#5e7984
```
#5e7984 rgb(94,121,132)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#5e7384
```
#5e7384 rgb(94,115,132)
```
#5e7084
```
#5e7084 rgb(94,112,132)
```
#5e6d84
```
#5e6d84 rgb(94,109,132)
```

Similar Colors

Text with hexadecimal color #5e7684

This text has a font color of #5e7684.

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

#5e7684 background color

This paragraph has a background color of #5e7684.

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

#5e7684 border color

This element has a border color of #5e7684.

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

CSS codes

.text {color:#5e7684;}

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

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

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 #fafbfb is the lightest one.

#040506
```
#040506 rgb(4,5,6)
```
#0c1011
```
#0c1011 rgb(12,16,17)
```
#151a1d
```
#151a1d rgb(21,26,29)
```
#1d2428
```
#1d2428 rgb(29,36,40)
```
#252e34
```
#252e34 rgb(37,46,52)
```
#2d393f
```
#2d393f rgb(45,57,63)
```
#35434b
```
#35434b rgb(53,67,75)
```
#3d4d56
```
#3d4d56 rgb(61,77,86)
```
#465762
```
#465762 rgb(70,87,98)
```
#4e626d
```
#4e626d rgb(78,98,109)
```
#566c79
```
#566c79 rgb(86,108,121)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#66808f
```
#66808f rgb(102,128,143)
```

Shade Color Variation

#708a99
```
#708a99 rgb(112,138,153)
```
#7b93a1
```
#7b93a1 rgb(123,147,161)
```
#879daa
```
#879daa rgb(135,157,170)
```
#92a6b2
```
#92a6b2 rgb(146,166,178)
```
#9eb0ba
```
#9eb0ba rgb(158,176,186)
```
#a9b9c2
```
#a9b9c2 rgb(169,185,194)
```
#b5c2ca
```
#b5c2ca rgb(181,194,202)
```
#c0ccd2
```
#c0ccd2 rgb(192,204,210)
```
#ccd5da
```
#ccd5da rgb(204,213,218)
```
#d7dee3
```
#d7dee3 rgb(215,222,227)
```
#e3e8eb
```
#e3e8eb rgb(227,232,235)
```
#eef1f3
```
#eef1f3 rgb(238,241,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#6f7173
```
#6f7173 rgb(111,113,115)
```
#67747b
```
#67747b rgb(103,116,123)
```
#5e7684
```
#5e7684 rgb(94,118,132)
```
#55788d
```
#55788d rgb(85,120,141)
```
#4d7b95
```
#4d7b95 rgb(77,123,149)
```
#447d9e
```
#447d9e rgb(68,125,158)
```
#3b7fa7
```
#3b7fa7 rgb(59,127,167)
```
#3381af
```
#3381af rgb(51,129,175)
```
#2a84b8
```
#2a84b8 rgb(42,132,184)
```
#2186c1
```
#2186c1 rgb(33,134,193)
```
#1888ca
```
#1888ca rgb(24,136,202)
```
#108bd2
```
#108bd2 rgb(16,139,210)
```
#078ddb
```
#078ddb rgb(7,141,219)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6c7174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777987 Protanopia 1% of men
#7b778c Deuteranopia 1% of men
#657d86 Tritanopia 0.001% of the population

Trichromacy

#6e7786 Protanomaly 1% of men, 0.01% of women
#707689 Deuteranomaly 6% of men, 0.4% of women
#627a85 Tritanomaly 0.01% of the population

#5e7684 hex color

#5e7684 Color Information

#5e7684 Color Conversion

Color Schemes with #5e7684

Alternatives to #5e7684

#5e7684 Preview

Shades and Tints of #5e7684

Tones of #5e7684

Color Blindness Simulator