#5f7b94 hex color

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

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

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

The hexadecimal color #5f7b94 has RGB values of R:95, G:123, B:148 and CMYK values of C:0.36, M:0.17, Y:0, K:0.42. Its decimal value is 6257556.

Hex triplet	5f7b94	`#5f7b94`
RGB Decimal	95, 123, 148	`rgb(95,123,148)`
RGB Percent	37.3, 48.2, 58	`rgb(37.3%,48.2%,58%)`
CMYK	36, 17, 0, 42
HSL	208.3°, 21.8, 47.6	`hsl(208.3,21.8%,47.6%)`
HSV (or HSB)	208.3°, 35.8, 58
Web Safe	666699	`#666699`

CIE-LAB	50.377, -3.59, -16.743
XYZ	17.146, 18.736, 30.728
xyY	0.257, 0.281, 18.736
CIE-LCH	50.377, 17.124, 257.899
CIE-LUV	50.377, -14.506, -23.823
Hunter-Lab	43.285, -5.042, -11.79
Binary	01011111, 01111011, 10010100

#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#94785f
```
#94785f rgb(148,120,95)
```

Complementary Color

#5f9493
```
#5f9493 rgb(95,148,147)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#5f6194
```
#5f6194 rgb(95,97,148)
```

Analogous Color

#94935f
```
#94935f rgb(148,147,95)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#945f61
```
#945f61 rgb(148,95,97)
```

Split Complementary Color

#7b945f
```
#7b945f rgb(123,148,95)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#945f7b
```
#945f7b rgb(148,95,123)
```

Triadic Color

#5f9478
```
#5f9478 rgb(95,148,120)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#945f7b
```
#945f7b rgb(148,95,123)
```
#94785f
```
#94785f rgb(148,120,95)
```

Tetradic Color

#415465
```
#415465 rgb(65,84,101)
```
#4b6175
```
#4b6175 rgb(75,97,117)
```
#556e84
```
#556e84 rgb(85,110,132)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#6c88a1
```
#6c88a1 rgb(108,136,161)
```
#7b94ab
```
#7b94ab rgb(123,148,171)
```
#8ba1b5
```
#8ba1b5 rgb(139,161,181)
```

Monochromatic Color

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

#5f8894
```
#5f8894 rgb(95,136,148)
```
#5f8494
```
#5f8494 rgb(95,132,148)
```
#5f7f94
```
#5f7f94 rgb(95,127,148)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#5f7794
```
#5f7794 rgb(95,119,148)
```
#5f7294
```
#5f7294 rgb(95,114,148)
```
#5f6e94
```
#5f6e94 rgb(95,110,148)
```

Similar Colors

Text with hexadecimal color #5f7b94

This text has a font color of #5f7b94.

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

#5f7b94 background color

This paragraph has a background color of #5f7b94.

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

#5f7b94 border color

This element has a border color of #5f7b94.

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

CSS codes

.text {color:#5f7b94;}

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

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

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)
```
#0b0e11
```
#0b0e11 rgb(11,14,17)
```
#12181d
```
#12181d rgb(18,24,29)
```
#1a2228
```
#1a2228 rgb(26,34,40)
```
#222c34
```
#222c34 rgb(34,44,52)
```
#293540
```
#293540 rgb(41,53,64)
```
#313f4c
```
#313f4c rgb(49,63,76)
```
#394958
```
#394958 rgb(57,73,88)
```
#405364
```
#405364 rgb(64,83,100)
```
#485d70
```
#485d70 rgb(72,93,112)
```
#50677c
```
#50677c rgb(80,103,124)
```
#577188
```
#577188 rgb(87,113,136)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```

Shade Color Variation

#68859e
```
#68859e rgb(104,133,158)
```
#748fa6
```
#748fa6 rgb(116,143,166)
```
#8098ae
```
#8098ae rgb(128,152,174)
```
#8ca2b5
```
#8ca2b5 rgb(140,162,181)
```
#98acbd
```
#98acbd rgb(152,172,189)
```
#a4b5c5
```
#a4b5c5 rgb(164,181,197)
```
#b0bfcc
```
#b0bfcc rgb(176,191,204)
```
#bcc9d4
```
#bcc9d4 rgb(188,201,212)
```
#c8d2dc
```
#c8d2dc rgb(200,210,220)
```
#d4dce3
```
#d4dce3 rgb(212,220,227)
```
#e0e6eb
```
#e0e6eb rgb(224,230,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, #727a81 is the less saturated color, while #0280f1 is the most saturated one.

#727a81
```
#727a81 rgb(114,122,129)
```
#687a8b
```
#687a8b rgb(104,122,139)
```
#5f7b94
```
#5f7b94 rgb(95,123,148)
```
#567c9d
```
#567c9d rgb(86,124,157)
```
#4c7ca7
```
#4c7ca7 rgb(76,124,167)
```
#437db0
```
#437db0 rgb(67,125,176)
```
#3a7db9
```
#3a7db9 rgb(58,125,185)
```
#307ec3
```
#307ec3 rgb(48,126,195)
```
#277ecc
```
#277ecc rgb(39,126,204)
```
#1e7fd5
```
#1e7fd5 rgb(30,127,213)
```
#147fdf
```
#147fdf rgb(20,127,223)
```
#0b80e8
```
#0b80e8 rgb(11,128,232)
```
#0280f1
```
#0280f1 rgb(2,128,241)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#71767b Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d97 Protanopia 1% of men
#7b7c9b Deuteranopia 1% of men
#63848d Tritanopia 0.001% of the population

Trichromacy

#6f7c95 Protanomaly 1% of men, 0.01% of women
#707c98 Deuteranomaly 6% of men, 0.4% of women
#62808f Tritanomaly 0.01% of the population

#5f7b94 hex color

#5f7b94 Color Information

#5f7b94 Color Conversion

Color Schemes with #5f7b94

Alternatives to #5f7b94

#5f7b94 Preview

Shades and Tints of #5f7b94

Tones of #5f7b94

Color Blindness Simulator