#5f737d hex color

In a RGB color space, hex #5f737d is composed of 37.3% red, 45.1% green and 49% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 8% magenta, 0% yellow and 51% black. It has a hue angle of 200 degrees, a saturation of 13.6% and a lightness of 43.1%. #5f737d color hex could be obtained by blending #bee6fa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 45
- B 49
RGB color chart
- C 24
- M 8
- Y 0
- K 51
CMYK color chart

● #5f737d color description : Dark grayish blue.

The hexadecimal color #5f737d has RGB values of R:95, G:115, B:125 and CMYK values of C:0.24, M:0.08, Y:0, K:0.51. Its decimal value is 6255485.

Hex triplet	5f737d	`#5f737d`
RGB Decimal	95, 115, 125	`rgb(95,115,125)`
RGB Percent	37.3, 45.1, 49	`rgb(37.3%,45.1%,49%)`
CMYK	24, 8, 0, 51
HSL	200°, 13.6, 43.1	`hsl(200,13.6%,43.1%)`
HSV (or HSB)	200°, 24, 49
Web Safe	666666	`#666666`

CIE-LAB	47.203, -4.948, -7.954
XYZ	14.551, 16.175, 21.756
xyY	0.277, 0.308, 16.175
CIE-LCH	47.203, 9.368, 238.113
CIE-LUV	47.203, -10.634, -10.35
Hunter-Lab	40.218, -5.799, -3.921
Binary	01011111, 01110011, 01111101

#5f737d
```
#5f737d rgb(95,115,125)
```
#7d695f
```
#7d695f rgb(125,105,95)
```

Complementary Color

#5f7d78
```
#5f7d78 rgb(95,125,120)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#5f647d
```
#5f647d rgb(95,100,125)
```

Analogous Color

#7d785f
```
#7d785f rgb(125,120,95)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#7d5f64
```
#7d5f64 rgb(125,95,100)
```

Split Complementary Color

#737d5f
```
#737d5f rgb(115,125,95)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#7d5f73
```
#7d5f73 rgb(125,95,115)
```

Triadic Color

#5f7d69
```
#5f7d69 rgb(95,125,105)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#7d5f73
```
#7d5f73 rgb(125,95,115)
```
#7d695f
```
#7d695f rgb(125,105,95)
```

Tetradic Color

#3e4b52
```
#3e4b52 rgb(62,75,82)
```
#495860
```
#495860 rgb(73,88,96)
```
#54666f
```
#54666f rgb(84,102,111)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#6a808b
```
#6a808b rgb(106,128,139)
```
#778d98
```
#778d98 rgb(119,141,152)
```
#8699a3
```
#8699a3 rgb(134,153,163)
```

Monochromatic Color

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

#5f7b7d
```
#5f7b7d rgb(95,123,125)
```
#5f787d
```
#5f787d rgb(95,120,125)
```
#5f767d
```
#5f767d rgb(95,118,125)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#5f717d
```
#5f717d rgb(95,113,125)
```
#5f6e7d
```
#5f6e7d rgb(95,110,125)
```
#5f6c7d
```
#5f6c7d rgb(95,108,125)
```

Similar Colors

Text with hexadecimal color #5f737d

This text has a font color of #5f737d.

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

#5f737d background color

This paragraph has a background color of #5f737d.

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

#5f737d border color

This element has a border color of #5f737d.

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

CSS codes

.text {color:#5f737d;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#131719
```
#131719 rgb(19,23,25)
```
#1b2124
```
#1b2124 rgb(27,33,36)
```
#242b2f
```
#242b2f rgb(36,43,47)
```
#2c353a
```
#2c353a rgb(44,53,58)
```
#354045
```
#354045 rgb(53,64,69)
```
#3d4a50
```
#3d4a50 rgb(61,74,80)
```
#46545c
```
#46545c rgb(70,84,92)
```
#4e5e67
```
#4e5e67 rgb(78,94,103)
```
#576972
```
#576972 rgb(87,105,114)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#677d88
```
#677d88 rgb(103,125,136)
```

Shade Color Variation

#718793
```
#718793 rgb(113,135,147)
```
#7c919b
```
#7c919b rgb(124,145,155)
```
#879aa4
```
#879aa4 rgb(135,154,164)
```
#92a3ac
```
#92a3ac rgb(146,163,172)
```
#9dadb5
```
#9dadb5 rgb(157,173,181)
```
#a8b6bd
```
#a8b6bd rgb(168,182,189)
```
#b3bfc6
```
#b3bfc6 rgb(179,191,198)
```
#bfc9ce
```
#bfc9ce rgb(191,201,206)
```
#cad2d6
```
#cad2d6 rgb(202,210,214)
```
#d5dcdf
```
#d5dcdf rgb(213,220,223)
```
#e0e5e7
```
#e0e5e7 rgb(224,229,231)
```
#ebeef0
```
#ebeef0 rgb(235,238,240)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#677075
```
#677075 rgb(103,112,117)
```
#5f737d
```
#5f737d rgb(95,115,125)
```
#577685
```
#577685 rgb(87,118,133)
```
#4e798e
```
#4e798e rgb(78,121,142)
```
#467b96
```
#467b96 rgb(70,123,150)
```
#3d7e9f
```
#3d7e9f rgb(61,126,159)
```
#3581a7
```
#3581a7 rgb(53,129,167)
```
#2c84b0
```
#2c84b0 rgb(44,132,176)
```
#2487b8
```
#2487b8 rgb(36,135,184)
```
#1b8ac1
```
#1b8ac1 rgb(27,138,193)
```
#138cc9
```
#138cc9 rgb(19,140,201)
```
#0a8fd2
```
#0a8fd2 rgb(10,143,210)
```
#0292da
```
#0292da rgb(2,146,218)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6b6f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767681 Protanopia 1% of men
#7b7485 Deuteranopia 1% of men
#677a83 Tritanopia 0.001% of the population

Trichromacy

#6d757f Protanomaly 1% of men, 0.01% of women
#717382 Deuteranomaly 6% of men, 0.4% of women
#647780 Tritanomaly 0.01% of the population

#5f737d hex color

#5f737d Color Information

#5f737d Color Conversion

Color Schemes with #5f737d

Alternatives to #5f737d

#5f737d Preview

Shades and Tints of #5f737d

Tones of #5f737d

Color Blindness Simulator