#5f626c hex color

In a RGB color space, hex #5f626c is composed of 37.3% red, 38.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 12% cyan, 9.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 226.2 degrees, a saturation of 6.4% and a lightness of 39.8%. #5f626c color hex could be obtained by blending #bec4d8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 38
- B 42
RGB color chart
- C 12
- M 9
- Y 0
- K 58
CMYK color chart

● #5f626c color description : Very dark grayish blue.

The hexadecimal color #5f626c has RGB values of R:95, G:98, B:108 and CMYK values of C:0.12, M:0.09, Y:0, K:0.58. Its decimal value is 6251116.

Hex triplet	5f626c	`#5f626c`
RGB Decimal	95, 98, 108	`rgb(95,98,108)`
RGB Percent	37.3, 38.4, 42.4	`rgb(37.3%,38.4%,42.4%)`
CMYK	12, 9, 0, 58
HSL	226.2°, 6.4, 39.8	`hsl(226.2,6.4%,39.8%)`
HSV (or HSB)	226.2°, 12, 42.4
Web Safe	666666	`#666666`

CIE-LAB	41.612, 1.056, -6.054
XYZ	11.793, 12.251, 15.93
xyY	0.295, 0.306, 12.251
CIE-LCH	41.612, 6.146, 279.892
CIE-LUV	41.612, -2.158, -8.247
Hunter-Lab	35.001, -1.109, -2.483
Binary	01011111, 01100010, 01101100

#5f626c
```
#5f626c rgb(95,98,108)
```
#6c695f
```
#6c695f rgb(108,105,95)
```

Complementary Color

#5f696c
```
#5f696c rgb(95,105,108)
```
#5f626c
```
#5f626c rgb(95,98,108)
```
#635f6c
```
#635f6c rgb(99,95,108)
```

Analogous Color

#696c5f
```
#696c5f rgb(105,108,95)
```
#5f626c
```
#5f626c rgb(95,98,108)
```
#6c635f
```
#6c635f rgb(108,99,95)
```

Split Complementary Color

#626c5f
```
#626c5f rgb(98,108,95)
```
#5f626c
```
#5f626c rgb(95,98,108)
```
#6c5f62
```
#6c5f62 rgb(108,95,98)
```

Triadic Color

#5f6c69
```
#5f6c69 rgb(95,108,105)
```
#5f626c
```
#5f626c rgb(95,98,108)
```
#6c5f62
```
#6c5f62 rgb(108,95,98)
```
#6c695f
```
#6c695f rgb(108,105,95)
```

Tetradic Color

#3b3d43
```
#3b3d43 rgb(59,61,67)
```
#474951
```
#474951 rgb(71,73,81)
```
#53565e
```
#53565e rgb(83,86,94)
```
#5f626c
```
#5f626c rgb(95,98,108)
```
#6b6e7a
```
#6b6e7a rgb(107,110,122)
```
#777b87
```
#777b87 rgb(119,123,135)
```
#848893
```
#848893 rgb(132,136,147)
```

Monochromatic Color

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

#5f656c
```
#5f656c rgb(95,101,108)
```
#5f646c
```
#5f646c rgb(95,100,108)
```
#5f636c
```
#5f636c rgb(95,99,108)
```
#5f626c
```
#5f626c rgb(95,98,108)
```
#5f616c
```
#5f616c rgb(95,97,108)
```
#5f606c
```
#5f606c rgb(95,96,108)
```
#5f5f6c
```
#5f5f6c rgb(95,95,108)
```

Similar Colors

Text with hexadecimal color #5f626c

This text has a font color of #5f626c.

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

#5f626c background color

This paragraph has a background color of #5f626c.

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

#5f626c border color

This element has a border color of #5f626c.

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

CSS codes

.text {color:#5f626c;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0d0e
```
#0c0d0e rgb(12,13,14)
```
#161619
```
#161619 rgb(22,22,25)
```
#1f2023
```
#1f2023 rgb(31,32,35)
```
#28292d
```
#28292d rgb(40,41,45)
```
#313338
```
#313338 rgb(49,51,56)
```
#3a3c42
```
#3a3c42 rgb(58,60,66)
```
#43464d
```
#43464d rgb(67,70,77)
```
#4d4f57
```
#4d4f57 rgb(77,79,87)
```
#565962
```
#565962 rgb(86,89,98)
```
#5f626c
```
#5f626c rgb(95,98,108)
```
#686b76
```
#686b76 rgb(104,107,118)
```
#717581
```
#717581 rgb(113,117,129)
```

Shade Color Variation

#7b7f8b
```
#7b7f8b rgb(123,127,139)
```
#858994
```
#858994 rgb(133,137,148)
```
#90939d
```
#90939d rgb(144,147,157)
```
#9a9da6
```
#9a9da6 rgb(154,157,166)
```
#a5a7b0
```
#a5a7b0 rgb(165,167,176)
```
#afb1b9
```
#afb1b9 rgb(175,177,185)
```
#babcc2
```
#babcc2 rgb(186,188,194)
```
#c4c6cb
```
#c4c6cb rgb(196,198,203)
```
#ced0d4
```
#ced0d4 rgb(206,208,212)
```
#d9dadd
```
#d9dadd rgb(217,218,221)
```
#e3e4e7
```
#e3e4e7 rgb(227,228,231)
```
#eeeef0
```
#eeeef0 rgb(238,238,240)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f626c is the less saturated color, while #0130ca is the most saturated one.

#5f626c
```
#5f626c rgb(95,98,108)
```
#575e74
```
#575e74 rgb(87,94,116)
```
#4f5a7c
```
#4f5a7c rgb(79,90,124)
```
#485583
```
#485583 rgb(72,85,131)
```
#40518b
```
#40518b rgb(64,81,139)
```
#384d93
```
#384d93 rgb(56,77,147)
```
#30499b
```
#30499b rgb(48,73,155)
```
#2845a3
```
#2845a3 rgb(40,69,163)
```
#2140aa
```
#2140aa rgb(33,64,170)
```
#193cb2
```
#193cb2 rgb(25,60,178)
```
#1138ba
```
#1138ba rgb(17,56,186)
```
#0934c2
```
#0934c2 rgb(9,52,194)
```
#0130ca
```
#0130ca rgb(1,48,202)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#616264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696973 Protanopia 1% of men
#6f6774 Deuteranopia 1% of men
#676a72 Tritanopia 0.001% of the population

Trichromacy

#656670 Protanomaly 1% of men, 0.01% of women
#696571 Deuteranomaly 6% of men, 0.4% of women
#64676f Tritanomaly 0.01% of the population

#5f626c hex color

#5f626c Color Information

#5f626c Color Conversion

Color Schemes with #5f626c

Alternatives to #5f626c

#5f626c Preview

Shades and Tints of #5f626c

Tones of #5f626c

Color Blindness Simulator