#5f738f hex color

In a RGB color space, hex #5f738f is composed of 37.3% red, 45.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 19.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 215 degrees, a saturation of 20.2% and a lightness of 46.7%. #5f738f color hex could be obtained by blending #bee6ff with #00001f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 45
- B 56
RGB color chart
- C 34
- M 20
- Y 0
- K 44
CMYK color chart

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

The hexadecimal color #5f738f has RGB values of R:95, G:115, B:143 and CMYK values of C:0.34, M:0.2, Y:0, K:0.44. Its decimal value is 6255503.

Hex triplet	5f738f	`#5f738f`
RGB Decimal	95, 115, 143	`rgb(95,115,143)`
RGB Percent	37.3, 45.1, 56.1	`rgb(37.3%,45.1%,56.1%)`
CMYK	34, 20, 0, 44
HSL	215°, 20.2, 46.7	`hsl(215,20.2%,46.7%)`
HSV (or HSB)	215°, 33.6, 56.1
Web Safe	666699	`#666699`

CIE-LAB	47.851, -0.256, -17.656
XYZ	15.807, 16.677, 28.371
xyY	0.26, 0.274, 16.677
CIE-LCH	47.851, 17.657, 269.17
CIE-LUV	47.851, -11.037, -25.388
Hunter-Lab	40.838, -2.374, -12.604
Binary	01011111, 01110011, 10001111

#5f738f
```
#5f738f rgb(95,115,143)
```
#8f7b5f
```
#8f7b5f rgb(143,123,95)
```

Complementary Color

#5f8b8f
```
#5f8b8f rgb(95,139,143)
```
#5f738f
```
#5f738f rgb(95,115,143)
```
#635f8f
```
#635f8f rgb(99,95,143)
```

Analogous Color

#8b8f5f
```
#8b8f5f rgb(139,143,95)
```
#5f738f
```
#5f738f rgb(95,115,143)
```
#8f635f
```
#8f635f rgb(143,99,95)
```

Split Complementary Color

#738f5f
```
#738f5f rgb(115,143,95)
```
#5f738f
```
#5f738f rgb(95,115,143)
```
#8f5f73
```
#8f5f73 rgb(143,95,115)
```

Triadic Color

#5f8f7b
```
#5f8f7b rgb(95,143,123)
```
#5f738f
```
#5f738f rgb(95,115,143)
```
#8f5f73
```
#8f5f73 rgb(143,95,115)
```
#8f7b5f
```
#8f7b5f rgb(143,123,95)
```

Tetradic Color

#404e61
```
#404e61 rgb(64,78,97)
```
#4b5a70
```
#4b5a70 rgb(75,90,112)
```
#556780
```
#556780 rgb(85,103,128)
```
#5f738f
```
#5f738f rgb(95,115,143)
```
#6b809d
```
#6b809d rgb(107,128,157)
```
#7a8da7
```
#7a8da7 rgb(122,141,167)
```
#8a9ab1
```
#8a9ab1 rgb(138,154,177)
```

Monochromatic Color

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

#5f7f8f
```
#5f7f8f rgb(95,127,143)
```
#5f7b8f
```
#5f7b8f rgb(95,123,143)
```
#5f778f
```
#5f778f rgb(95,119,143)
```
#5f738f
```
#5f738f rgb(95,115,143)
```
#5f6f8f
```
#5f6f8f rgb(95,111,143)
```
#5f6b8f
```
#5f6b8f rgb(95,107,143)
```
#5f678f
```
#5f678f rgb(95,103,143)
```

Similar Colors

Text with hexadecimal color #5f738f

This text has a font color of #5f738f.

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

#5f738f background color

This paragraph has a background color of #5f738f.

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

#5f738f border color

This element has a border color of #5f738f.

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

CSS codes

.text {color:#5f738f;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090b0d
```
#090b0d rgb(9,11,13)
```
#111419
```
#111419 rgb(17,20,25)
```
#191e25
```
#191e25 rgb(25,30,37)
```
#202731
```
#202731 rgb(32,39,49)
```
#28313d
```
#28313d rgb(40,49,61)
```
#303a48
```
#303a48 rgb(48,58,72)
```
#384454
```
#384454 rgb(56,68,84)
```
#404d60
```
#404d60 rgb(64,77,96)
```
#48576c
```
#48576c rgb(72,87,108)
```
#4f6077
```
#4f6077 rgb(79,96,119)
```
#576a83
```
#576a83 rgb(87,106,131)
```
#5f738f
```
#5f738f rgb(95,115,143)
```

Shade Color Variation

#677d9a
```
#677d9a rgb(103,125,154)
```
#7387a2
```
#7387a2 rgb(115,135,162)
```
#7f91aa
```
#7f91aa rgb(127,145,170)
```
#8b9bb2
```
#8b9bb2 rgb(139,155,178)
```
#97a5ba
```
#97a5ba rgb(151,165,186)
```
#a2afc1
```
#a2afc1 rgb(162,175,193)
```
#aeb9c9
```
#aeb9c9 rgb(174,185,201)
```
#bac4d1
```
#bac4d1 rgb(186,196,209)
```
#c6ced9
```
#c6ced9 rgb(198,206,217)
```
#d1d8e1
```
#d1d8e1 rgb(209,216,225)
```
#dde2e9
```
#dde2e9 rgb(221,226,233)
```
#e9ecf0
```
#e9ecf0 rgb(233,236,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71767d is the less saturated color, while #0364eb is the most saturated one.

#71767d
```
#71767d rgb(113,118,125)
```
#687586
```
#687586 rgb(104,117,134)
```
#5f738f
```
#5f738f rgb(95,115,143)
```
#567198
```
#567198 rgb(86,113,152)
```
#4d70a1
```
#4d70a1 rgb(77,112,161)
```
#446eaa
```
#446eaa rgb(68,110,170)
```
#3a6db4
```
#3a6db4 rgb(58,109,180)
```
#316bbd
```
#316bbd rgb(49,107,189)
```
#286ac6
```
#286ac6 rgb(40,106,198)
```
#1f68cf
```
#1f68cf rgb(31,104,207)
```
#1667d8
```
#1667d8 rgb(22,103,216)
```
#0d65e1
```
#0d65e1 rgb(13,101,225)
```
#0364eb
```
#0364eb rgb(3,100,235)
```

Tone Color Variation

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

Dichromacy

#717793 Protanopia 1% of men
#737696 Deuteranopia 1% of men
#637d86 Tritanopia 0.001% of the population

Trichromacy

#6b7691 Protanomaly 1% of men, 0.01% of women
#6c7593 Deuteranomaly 6% of men, 0.4% of women
#617989 Tritanomaly 0.01% of the population

#5f738f hex color

#5f738f Color Information

#5f738f Color Conversion

Color Schemes with #5f738f

Alternatives to #5f738f

#5f738f Preview

Shades and Tints of #5f738f

Tones of #5f738f

Color Blindness Simulator