#5f6475 hex color

In a RGB color space, hex #5f6475 is composed of 37.3% red, 39.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 14.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 226.4 degrees, a saturation of 10.4% and a lightness of 41.6%. #5f6475 color hex could be obtained by blending #bec8ea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 39
- B 46
RGB color chart
- C 19
- M 15
- Y 0
- K 54
CMYK color chart

● #5f6475 color description : Dark grayish blue.

The hexadecimal color #5f6475 has RGB values of R:95, G:100, B:117 and CMYK values of C:0.19, M:0.15, Y:0, K:0.54. Its decimal value is 6251637.

Hex triplet	5f6475	`#5f6475`
RGB Decimal	95, 100, 117	`rgb(95,100,117)`
RGB Percent	37.3, 39.2, 45.9	`rgb(37.3%,39.2%,45.9%)`
CMYK	19, 15, 0, 54
HSL	226.4°, 10.4, 41.6	`hsl(226.4,10.4%,41.6%)`
HSV (or HSB)	226.4°, 18.8, 45.9
Web Safe	666666	`#666666`

CIE-LAB	42.508, 1.989, -10.19
XYZ	12.487, 12.831, 18.647
xyY	0.284, 0.292, 12.831
CIE-LCH	42.508, 10.383, 281.044
CIE-LUV	42.508, -3.536, -14.205
Hunter-Lab	35.821, -0.464, -5.79
Binary	01011111, 01100100, 01110101

#5f6475
```
#5f6475 rgb(95,100,117)
```
#75705f
```
#75705f rgb(117,112,95)
```

Complementary Color

#5f6f75
```
#5f6f75 rgb(95,111,117)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#655f75
```
#655f75 rgb(101,95,117)
```

Analogous Color

#6f755f
```
#6f755f rgb(111,117,95)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#75655f
```
#75655f rgb(117,101,95)
```

Split Complementary Color

#64755f
```
#64755f rgb(100,117,95)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#755f64
```
#755f64 rgb(117,95,100)
```

Triadic Color

#5f7570
```
#5f7570 rgb(95,117,112)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#755f64
```
#755f64 rgb(117,95,100)
```
#75705f
```
#75705f rgb(117,112,95)
```

Tetradic Color

#3d404b
```
#3d404b rgb(61,64,75)
```
#484c59
```
#484c59 rgb(72,76,89)
```
#545867
```
#545867 rgb(84,88,103)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#6a7083
```
#6a7083 rgb(106,112,131)
```
#777d90
```
#777d90 rgb(119,125,144)
```
#858a9c
```
#858a9c rgb(133,138,156)
```

Monochromatic Color

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

#5f6a75
```
#5f6a75 rgb(95,106,117)
```
#5f6875
```
#5f6875 rgb(95,104,117)
```
#5f6675
```
#5f6675 rgb(95,102,117)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#5f6275
```
#5f6275 rgb(95,98,117)
```
#5f6075
```
#5f6075 rgb(95,96,117)
```
#605f75
```
#605f75 rgb(96,95,117)
```

Similar Colors

Text with hexadecimal color #5f6475

This text has a font color of #5f6475.

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

#5f6475 background color

This paragraph has a background color of #5f6475.

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

#5f6475 border color

This element has a border color of #5f6475.

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

CSS codes

.text {color:#5f6475;}

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

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

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

#070709
```
#070709 rgb(7,7,9)
```
#101114
```
#101114 rgb(16,17,20)
```
#191a1e
```
#191a1e rgb(25,26,30)
```
#212329
```
#212329 rgb(33,35,41)
```
#2a2c34
```
#2a2c34 rgb(42,44,52)
```
#33363f
```
#33363f rgb(51,54,63)
```
#3c3f4a
```
#3c3f4a rgb(60,63,74)
```
#454855
```
#454855 rgb(69,72,85)
```
#4d515f
```
#4d515f rgb(77,81,95)
```
#565b6a
```
#565b6a rgb(86,91,106)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#686d80
```
#686d80 rgb(104,109,128)
```
#71778b
```
#71778b rgb(113,119,139)
```

Shade Color Variation

#7b8194
```
#7b8194 rgb(123,129,148)
```
#868b9d
```
#868b9d rgb(134,139,157)
```
#9195a5
```
#9195a5 rgb(145,149,165)
```
#9ba0ae
```
#9ba0ae rgb(155,160,174)
```
#a6aab7
```
#a6aab7 rgb(166,170,183)
```
#b1b4c0
```
#b1b4c0 rgb(177,180,192)
```
#bcbfc9
```
#bcbfc9 rgb(188,191,201)
```
#c7c9d1
```
#c7c9d1 rgb(199,201,209)
```
#d2d4da
```
#d2d4da rgb(210,212,218)
```
#dcdee3
```
#dcdee3 rgb(220,222,227)
```
#e7e8ec
```
#e7e8ec rgb(231,232,236)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#67686d
```
#67686d rgb(103,104,109)
```
#5f6475
```
#5f6475 rgb(95,100,117)
```
#57607d
```
#57607d rgb(87,96,125)
```
#4f5b85
```
#4f5b85 rgb(79,91,133)
```
#47578d
```
#47578d rgb(71,87,141)
```
#3e5296
```
#3e5296 rgb(62,82,150)
```
#364e9e
```
#364e9e rgb(54,78,158)
```
#2e49a6
```
#2e49a6 rgb(46,73,166)
```
#2645ae
```
#2645ae rgb(38,69,174)
```
#1e40b6
```
#1e40b6 rgb(30,64,182)
```
#163cbe
```
#163cbe rgb(22,60,190)
```
#0d38c7
```
#0d38c7 rgb(13,56,199)
```
#0533cf
```
#0533cf rgb(5,51,207)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#636467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696b7b Protanopia 1% of men
#6e697c Deuteranopia 1% of men
#656d75 Tritanopia 0.001% of the population

Trichromacy

#656879 Protanomaly 1% of men, 0.01% of women
#68677a Deuteranomaly 6% of men, 0.4% of women
#636975 Tritanomaly 0.01% of the population

#5f6475 hex color

#5f6475 Color Information

#5f6475 Color Conversion

Color Schemes with #5f6475

Alternatives to #5f6475

#5f6475 Preview

Shades and Tints of #5f6475

Tones of #5f6475

Color Blindness Simulator