#5f7894 hex color

In a RGB color space, hex #5f7894 is composed of 37.3% red, 47.1% green and 58% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 18.9% magenta, 0% yellow and 42% black. It has a hue angle of 211.7 degrees, a saturation of 21.8% and a lightness of 47.6%. #5f7894 color hex could be obtained by blending #bef0ff with #000029. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 47
- B 58
RGB color chart
- C 36
- M 19
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #5f7894 has RGB values of R:95, G:120, B:148 and CMYK values of C:0.36, M:0.19, Y:0, K:0.42. Its decimal value is 6256788.

Hex triplet	5f7894	`#5f7894`
RGB Decimal	95, 120, 148	`rgb(95,120,148)`
RGB Percent	37.3, 47.1, 58	`rgb(37.3%,47.1%,58%)`
CMYK	36, 19, 0, 42
HSL	211.7°, 21.8, 47.6	`hsl(211.7,21.8%,47.6%)`
HSV (or HSB)	211.7°, 35.8, 58
Web Safe	666699	`#666699`

CIE-LAB	49.5, -1.837, -18.081
XYZ	16.78, 18.003, 30.606
xyY	0.257, 0.275, 18.003
CIE-LCH	49.5, 18.174, 264.2
CIE-LUV	49.5, -13.243, -26.01
Hunter-Lab	42.43, -3.662, -13.066
Binary	01011111, 01111000, 10010100

#5f7894
```
#5f7894 rgb(95,120,148)
```
#947b5f
```
#947b5f rgb(148,123,95)
```

Complementary Color

#5f9394
```
#5f9394 rgb(95,147,148)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```
#615f94
```
#615f94 rgb(97,95,148)
```

Analogous Color

#93945f
```
#93945f rgb(147,148,95)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```
#94615f
```
#94615f rgb(148,97,95)
```

Split Complementary Color

#78945f
```
#78945f rgb(120,148,95)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```
#945f78
```
#945f78 rgb(148,95,120)
```

Triadic Color

#5f947b
```
#5f947b rgb(95,148,123)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```
#945f78
```
#945f78 rgb(148,95,120)
```
#947b5f
```
#947b5f rgb(148,123,95)
```

Tetradic Color

#415265
```
#415265 rgb(65,82,101)
```
#4b5f75
```
#4b5f75 rgb(75,95,117)
```
#556b84
```
#556b84 rgb(85,107,132)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```
#6c85a1
```
#6c85a1 rgb(108,133,161)
```
#7b92ab
```
#7b92ab rgb(123,146,171)
```
#8b9fb5
```
#8b9fb5 rgb(139,159,181)
```

Monochromatic Color

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

#5f8594
```
#5f8594 rgb(95,133,148)
```
#5f8194
```
#5f8194 rgb(95,129,148)
```
#5f7c94
```
#5f7c94 rgb(95,124,148)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```
#5f7494
```
#5f7494 rgb(95,116,148)
```
#5f6f94
```
#5f6f94 rgb(95,111,148)
```
#5f6b94
```
#5f6b94 rgb(95,107,148)
```

Similar Colors

Text with hexadecimal color #5f7894

This text has a font color of #5f7894.

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

#5f7894 background color

This paragraph has a background color of #5f7894.

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

#5f7894 border color

This element has a border color of #5f7894.

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

CSS codes

.text {color:#5f7894;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0d11
```
#0b0d11 rgb(11,13,17)
```
#12171d
```
#12171d rgb(18,23,29)
```
#1a2128
```
#1a2128 rgb(26,33,40)
```
#222b34
```
#222b34 rgb(34,43,52)
```
#293440
```
#293440 rgb(41,52,64)
```
#313e4c
```
#313e4c rgb(49,62,76)
```
#394858
```
#394858 rgb(57,72,88)
```
#405164
```
#405164 rgb(64,81,100)
```
#485b70
```
#485b70 rgb(72,91,112)
```
#50657c
```
#50657c rgb(80,101,124)
```
#576e88
```
#576e88 rgb(87,110,136)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```

Shade Color Variation

#68829e
```
#68829e rgb(104,130,158)
```
#748ca6
```
#748ca6 rgb(116,140,166)
```
#8096ae
```
#8096ae rgb(128,150,174)
```
#8ca0b5
```
#8ca0b5 rgb(140,160,181)
```
#98a9bd
```
#98a9bd rgb(152,169,189)
```
#a4b3c5
```
#a4b3c5 rgb(164,179,197)
```
#b0bdcc
```
#b0bdcc rgb(176,189,204)
```
#bcc7d4
```
#bcc7d4 rgb(188,199,212)
```
#c8d1dc
```
#c8d1dc rgb(200,209,220)
```
#d4dbe3
```
#d4dbe3 rgb(212,219,227)
```
#e0e5eb
```
#e0e5eb rgb(224,229,235)
```
#eceff3
```
#eceff3 rgb(236,239,243)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#727981
```
#727981 rgb(114,121,129)
```
#68798b
```
#68798b rgb(104,121,139)
```
#5f7894
```
#5f7894 rgb(95,120,148)
```
#56779d
```
#56779d rgb(86,119,157)
```
#4c77a7
```
#4c77a7 rgb(76,119,167)
```
#4376b0
```
#4376b0 rgb(67,118,176)
```
#3a76b9
```
#3a76b9 rgb(58,118,185)
```
#3075c3
```
#3075c3 rgb(48,117,195)
```
#2775cc
```
#2775cc rgb(39,117,204)
```
#1e74d5
```
#1e74d5 rgb(30,116,213)
```
#1474df
```
#1474df rgb(20,116,223)
```
#0b73e8
```
#0b73e8 rgb(11,115,232)
```
#0273f1
```
#0273f1 rgb(2,115,241)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#70757a Atypical Achromatopsia 0.001% of the population

Dichromacy

#757b97 Protanopia 1% of men
#777a9b Deuteranopia 1% of men
#63818b Tritanopia 0.001% of the population

Trichromacy

#6d7a96 Protanomaly 1% of men, 0.01% of women
#6e7998 Deuteranomaly 6% of men, 0.4% of women
#617e8e Tritanomaly 0.01% of the population

#5f7894 hex color

#5f7894 Color Information

#5f7894 Color Conversion

Color Schemes with #5f7894

Alternatives to #5f7894

#5f7894 Preview

Shades and Tints of #5f7894

Tones of #5f7894

Color Blindness Simulator