#5f8198 hex color

In a RGB color space, hex #5f8198 is composed of 37.3% red, 50.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 15.1% magenta, 0% yellow and 40.4% black. It has a hue angle of 204.2 degrees, a saturation of 23.1% and a lightness of 48.4%. #5f8198 color hex could be obtained by blending #beffff with #000331. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 51
- B 60
RGB color chart
- C 38
- M 15
- Y 0
- K 40
CMYK color chart

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

The hexadecimal color #5f8198 has RGB values of R:95, G:129, B:152 and CMYK values of C:0.38, M:0.15, Y:0, K:0.4. Its decimal value is 6259096.

Hex triplet	5f8198	`#5f8198`
RGB Decimal	95, 129, 152	`rgb(95,129,152)`
RGB Percent	37.3, 50.6, 59.6	`rgb(37.3%,50.6%,59.6%)`
CMYK	38, 15, 0, 40
HSL	204.2°, 23.1, 48.4	`hsl(204.2,23.1%,48.4%)`
HSV (or HSB)	204.2°, 37.5, 59.6
Web Safe	669999	`#669999`

CIE-LAB	52.286, -5.957, -16.173
XYZ	18.236, 20.4, 32.681
xyY	0.256, 0.286, 20.4
CIE-LCH	52.286, 17.236, 249.781
CIE-LUV	52.286, -17.062, -22.807
Hunter-Lab	45.166, -6.971, -11.284
Binary	01011111, 10000001, 10011000

#5f8198
```
#5f8198 rgb(95,129,152)
```
#98765f
```
#98765f rgb(152,118,95)
```

Complementary Color

#5f9893
```
#5f9893 rgb(95,152,147)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```
#5f6598
```
#5f6598 rgb(95,101,152)
```

Analogous Color

#98935f
```
#98935f rgb(152,147,95)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```
#985f65
```
#985f65 rgb(152,95,101)
```

Split Complementary Color

#81985f
```
#81985f rgb(129,152,95)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```
#985f81
```
#985f81 rgb(152,95,129)
```

Triadic Color

#5f9876
```
#5f9876 rgb(95,152,118)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```
#985f81
```
#985f81 rgb(152,95,129)
```
#98765f
```
#98765f rgb(152,118,95)
```

Tetradic Color

#425969
```
#425969 rgb(66,89,105)
```
#4b6679
```
#4b6679 rgb(75,102,121)
```
#557488
```
#557488 rgb(85,116,136)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```
#6d8ea4
```
#6d8ea4 rgb(109,142,164)
```
#7d9aad
```
#7d9aad rgb(125,154,173)
```
#8ca6b7
```
#8ca6b7 rgb(140,166,183)
```

Monochromatic Color

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

#5f8f98
```
#5f8f98 rgb(95,143,152)
```
#5f8b98
```
#5f8b98 rgb(95,139,152)
```
#5f8698
```
#5f8698 rgb(95,134,152)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```
#5f7c98
```
#5f7c98 rgb(95,124,152)
```
#5f7898
```
#5f7898 rgb(95,120,152)
```
#5f7398
```
#5f7398 rgb(95,115,152)
```

Similar Colors

Text with hexadecimal color #5f8198

This text has a font color of #5f8198.

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

#5f8198 background color

This paragraph has a background color of #5f8198.

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

#5f8198 border color

This element has a border color of #5f8198.

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

CSS codes

.text {color:#5f8198;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0c1013
```
#0c1013 rgb(12,16,19)
```
#141b1f
```
#141b1f rgb(20,27,31)
```
#1b252b
```
#1b252b rgb(27,37,43)
```
#232f37
```
#232f37 rgb(35,47,55)
```
#2a3944
```
#2a3944 rgb(42,57,68)
```
#324450
```
#324450 rgb(50,68,80)
```
#394e5c
```
#394e5c rgb(57,78,92)
```
#415868
```
#415868 rgb(65,88,104)
```
#486274
```
#486274 rgb(72,98,116)
```
#506d80
```
#506d80 rgb(80,109,128)
```
#57778c
```
#57778c rgb(87,119,140)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```

Shade Color Variation

#698ba1
```
#698ba1 rgb(105,139,161)
```
#7594a9
```
#7594a9 rgb(117,148,169)
```
#819db0
```
#819db0 rgb(129,157,176)
```
#8da7b8
```
#8da7b8 rgb(141,167,184)
```
#9ab0c0
```
#9ab0c0 rgb(154,176,192)
```
#a6bac7
```
#a6bac7 rgb(166,186,199)
```
#b2c3cf
```
#b2c3cf rgb(178,195,207)
```
#beccd6
```
#beccd6 rgb(190,204,214)
```
#cad6de
```
#cad6de rgb(202,214,222)
```
#d6dfe5
```
#d6dfe5 rgb(214,223,229)
```
#e2e8ed
```
#e2e8ed rgb(226,232,237)
```
#eef2f4
```
#eef2f4 rgb(238,242,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727d85 is the less saturated color, while #0093f7 is the most saturated one.

#727d85
```
#727d85 rgb(114,125,133)
```
#697f8f
```
#697f8f rgb(105,127,143)
```
#5f8198
```
#5f8198 rgb(95,129,152)
```
#5683a2
```
#5683a2 rgb(86,131,162)
```
#4c85ab
```
#4c85ab rgb(76,133,171)
```
#4387b5
```
#4387b5 rgb(67,135,181)
```
#3988be
```
#3988be rgb(57,136,190)
```
#308ac8
```
#308ac8 rgb(48,138,200)
```
#268cd1
```
#268cd1 rgb(38,140,209)
```
#1d8edb
```
#1d8edb rgb(29,142,219)
```
#1390e4
```
#1390e4 rgb(19,144,228)
```
#0a92ee
```
#0a92ee rgb(10,146,238)
```
#0093f7
```
#0093f7 rgb(0,147,247)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#747b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e829a Protanopia 1% of men
#80819f Deuteranopia 1% of men
#648993 Tritanopia 0.001% of the population

Trichromacy

#728199 Protanomaly 1% of men, 0.01% of women
#74819c Deuteranomaly 6% of men, 0.4% of women
#628695 Tritanomaly 0.01% of the population

#5f8198 hex color

#5f8198 Color Information

#5f8198 Color Conversion

Color Schemes with #5f8198

Alternatives to #5f8198

#5f8198 Preview

Shades and Tints of #5f8198

Tones of #5f8198

Color Blindness Simulator