#5f7386 hex color

In a RGB color space, hex #5f7386 is composed of 37.3% red, 45.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 14.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 209.2 degrees, a saturation of 17% and a lightness of 44.9%. #5f7386 color hex could be obtained by blending #bee6ff with #00000d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 45
- B 53
RGB color chart
- C 29
- M 14
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #5f7386 has RGB values of R:95, G:115, B:134 and CMYK values of C:0.29, M:0.14, Y:0, K:0.47. Its decimal value is 6255494.

Hex triplet	5f7386	`#5f7386`
RGB Decimal	95, 115, 134	`rgb(95,115,134)`
RGB Percent	37.3, 45.1, 52.5	`rgb(37.3%,45.1%,52.5%)`
CMYK	29, 14, 0, 47
HSL	209.2°, 17, 44.9	`hsl(209.2,17%,44.9%)`
HSV (or HSB)	209.2°, 29.1, 52.5
Web Safe	666699	`#666699`

CIE-LAB	47.515, -2.657, -12.835
XYZ	15.152, 16.415, 24.923
xyY	0.268, 0.291, 16.415
CIE-LCH	47.515, 13.107, 258.302
CIE-LUV	47.515, -10.832, -17.814
Hunter-Lab	40.516, -4.146, -8.111
Binary	01011111, 01110011, 10000110

#5f7386
```
#5f7386 rgb(95,115,134)
```
#86725f
```
#86725f rgb(134,114,95)
```

Complementary Color

#5f8686
```
#5f8686 rgb(95,134,134)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#5f6086
```
#5f6086 rgb(95,96,134)
```

Analogous Color

#86865f
```
#86865f rgb(134,134,95)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#865f60
```
#865f60 rgb(134,95,96)
```

Split Complementary Color

#73865f
```
#73865f rgb(115,134,95)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#865f73
```
#865f73 rgb(134,95,115)
```

Triadic Color

#5f8672
```
#5f8672 rgb(95,134,114)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#865f73
```
#865f73 rgb(134,95,115)
```
#86725f
```
#86725f rgb(134,114,95)
```

Tetradic Color

#3f4d59
```
#3f4d59 rgb(63,77,89)
```
#4a5968
```
#4a5968 rgb(74,89,104)
```
#546677
```
#546677 rgb(84,102,119)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#6a8095
```
#6a8095 rgb(106,128,149)
```
#788da0
```
#788da0 rgb(120,141,160)
```
#8799aa
```
#8799aa rgb(135,153,170)
```

Monochromatic Color

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

#5f7d86
```
#5f7d86 rgb(95,125,134)
```
#5f7a86
```
#5f7a86 rgb(95,122,134)
```
#5f7686
```
#5f7686 rgb(95,118,134)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#5f7086
```
#5f7086 rgb(95,112,134)
```
#5f6d86
```
#5f6d86 rgb(95,109,134)
```
#5f6986
```
#5f6986 rgb(95,105,134)
```

Similar Colors

Text with hexadecimal color #5f7386

This text has a font color of #5f7386.

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

#5f7386 background color

This paragraph has a background color of #5f7386.

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

#5f7386 border color

This element has a border color of #5f7386.

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

CSS codes

.text {color:#5f7386;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0e1013
```
#0e1013 rgb(14,16,19)
```
#161a1f
```
#161a1f rgb(22,26,31)
```
#1e242a
```
#1e242a rgb(30,36,42)
```
#262e36
```
#262e36 rgb(38,46,54)
```
#2e3841
```
#2e3841 rgb(46,56,65)
```
#36424d
```
#36424d rgb(54,66,77)
```
#3e4c58
```
#3e4c58 rgb(62,76,88)
```
#475564
```
#475564 rgb(71,85,100)
```
#4f5f6f
```
#4f5f6f rgb(79,95,111)
```
#57697b
```
#57697b rgb(87,105,123)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#677d91
```
#677d91 rgb(103,125,145)
```

Shade Color Variation

#72879b
```
#72879b rgb(114,135,155)
```
#7d90a3
```
#7d90a3 rgb(125,144,163)
```
#889aab
```
#889aab rgb(136,154,171)
```
#94a4b3
```
#94a4b3 rgb(148,164,179)
```
#9faebb
```
#9faebb rgb(159,174,187)
```
#abb7c3
```
#abb7c3 rgb(171,183,195)
```
#b6c1cc
```
#b6c1cc rgb(182,193,204)
```
#c2cbd4
```
#c2cbd4 rgb(194,203,212)
```
#cdd5dc
```
#cdd5dc rgb(205,213,220)
```
#d9dfe4
```
#d9dfe4 rgb(217,223,228)
```
#e4e8ec
```
#e4e8ec rgb(228,232,236)
```
#f0f2f4
```
#f0f2f4 rgb(240,242,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#717374
```
#717374 rgb(113,115,116)
```
#68737d
```
#68737d rgb(104,115,125)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#56738f
```
#56738f rgb(86,115,143)
```
#4d7398
```
#4d7398 rgb(77,115,152)
```
#4574a0
```
#4574a0 rgb(69,116,160)
```
#3c74a9
```
#3c74a9 rgb(60,116,169)
```
#3374b2
```
#3374b2 rgb(51,116,178)
```
#2a74bb
```
#2a74bb rgb(42,116,187)
```
#2175c4
```
#2175c4 rgb(33,117,196)
```
#1975cc
```
#1975cc rgb(25,117,204)
```
#1075d5
```
#1075d5 rgb(16,117,213)
```
#0775de
```
#0775de rgb(7,117,222)
```

Tone Color Variation

Below, you can see how #5f7386 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
#6c7074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74778a Protanopia 1% of men
#77758d Deuteranopia 1% of men
#657b84 Tritanopia 0.001% of the population

Trichromacy

#6c7588 Protanomaly 1% of men, 0.01% of women
#6e748b Deuteranomaly 6% of men, 0.4% of women
#637885 Tritanomaly 0.01% of the population

#5f7386 hex color

#5f7386 Color Information

#5f7386 Color Conversion

Color Schemes with #5f7386

Alternatives to #5f7386

#5f7386 Preview

Shades and Tints of #5f7386

Tones of #5f7386

Color Blindness Simulator