#5a677f hex color

In a RGB color space, hex #5a677f is composed of 35.3% red, 40.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 18.9% magenta, 0% yellow and 50.2% black. It has a hue angle of 218.9 degrees, a saturation of 17.1% and a lightness of 42.5%. #5a677f color hex could be obtained by blending #b4cefe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 40
- B 50
RGB color chart
- C 29
- M 19
- Y 0
- K 50
CMYK color chart

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

The hexadecimal color #5a677f has RGB values of R:90, G:103, B:127 and CMYK values of C:0.29, M:0.19, Y:0, K:0.5. Its decimal value is 5924735.

Hex triplet	5a677f	`#5a677f`
RGB Decimal	90, 103, 127	`rgb(90,103,127)`
RGB Percent	35.3, 40.4, 49.8	`rgb(35.3%,40.4%,49.8%)`
CMYK	29, 19, 0, 50
HSL	218.9°, 17.1, 42.5	`hsl(218.9,17.1%,42.5%)`
HSV (or HSB)	218.9°, 29.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	43.369, 1.03, -14.974
XYZ	12.897, 13.406, 21.986
xyY	0.267, 0.278, 13.406
CIE-LCH	43.369, 15.009, 273.936
CIE-LUV	43.369, -7.649, -21.053
Hunter-Lab	36.614, -1.202, -9.971
Binary	01011010, 01100111, 01111111

#5a677f
```
#5a677f rgb(90,103,127)
```
#7f725a
```
#7f725a rgb(127,114,90)
```

Complementary Color

#5a7a7f
```
#5a7a7f rgb(90,122,127)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#605a7f
```
#605a7f rgb(96,90,127)
```

Analogous Color

#7a7f5a
```
#7a7f5a rgb(122,127,90)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#7f605a
```
#7f605a rgb(127,96,90)
```

Split Complementary Color

#677f5a
```
#677f5a rgb(103,127,90)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#7f5a67
```
#7f5a67 rgb(127,90,103)
```

Triadic Color

#5a7f72
```
#5a7f72 rgb(90,127,114)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#7f5a67
```
#7f5a67 rgb(127,90,103)
```
#7f725a
```
#7f725a rgb(127,114,90)
```

Tetradic Color

#3a4352
```
#3a4352 rgb(58,67,82)
```
#454f61
```
#454f61 rgb(69,79,97)
```
#4f5b70
```
#4f5b70 rgb(79,91,112)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#65738e
```
#65738e rgb(101,115,142)
```
#71809b
```
#71809b rgb(113,128,155)
```
#808da5
```
#808da5 rgb(128,141,165)
```

Monochromatic Color

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

#5a707f
```
#5a707f rgb(90,112,127)
```
#5a6d7f
```
#5a6d7f rgb(90,109,127)
```
#5a6a7f
```
#5a6a7f rgb(90,106,127)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#5a647f
```
#5a647f rgb(90,100,127)
```
#5a617f
```
#5a617f rgb(90,97,127)
```
#5a5e7f
```
#5a5e7f rgb(90,94,127)
```

Similar Colors

Text with hexadecimal color #5a677f

This text has a font color of #5a677f.

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

#5a677f background color

This paragraph has a background color of #5a677f.

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

#5a677f border color

This element has a border color of #5a677f.

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

CSS codes

.text {color:#5a677f;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111318
```
#111318 rgb(17,19,24)
```
#191d23
```
#191d23 rgb(25,29,35)
```
#21262f
```
#21262f rgb(33,38,47)
```
#292f3a
```
#292f3a rgb(41,47,58)
```
#313846
```
#313846 rgb(49,56,70)
```
#394251
```
#394251 rgb(57,66,81)
```
#424b5d
```
#424b5d rgb(66,75,93)
```
#4a5468
```
#4a5468 rgb(74,84,104)
```
#525e74
```
#525e74 rgb(82,94,116)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#62708a
```
#62708a rgb(98,112,138)
```

Shade Color Variation

#6a7a96
```
#6a7a96 rgb(106,122,150)
```
#76849e
```
#76849e rgb(118,132,158)
```
#818ea6
```
#818ea6 rgb(129,142,166)
```
#8d99ae
```
#8d99ae rgb(141,153,174)
```
#98a3b6
```
#98a3b6 rgb(152,163,182)
```
#a4adbe
```
#a4adbe rgb(164,173,190)
```
#afb8c7
```
#afb8c7 rgb(175,184,199)
```
#bbc2cf
```
#bbc2cf rgb(187,194,207)
```
#c6ccd7
```
#c6ccd7 rgb(198,204,215)
```
#d2d6df
```
#d2d6df rgb(210,214,223)
```
#dde1e7
```
#dde1e7 rgb(221,225,231)
```
#e9ebef
```
#e9ebef rgb(233,235,239)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6e is the less saturated color, while #074ed2 is the most saturated one.

#6b6c6e
```
#6b6c6e rgb(107,108,110)
```
#626977
```
#626977 rgb(98,105,119)
```
#5a677f
```
#5a677f rgb(90,103,127)
```
#526587
```
#526587 rgb(82,101,135)
```
#496290
```
#496290 rgb(73,98,144)
```
#416098
```
#416098 rgb(65,96,152)
```
#395da0
```
#395da0 rgb(57,93,160)
```
#305ba9
```
#305ba9 rgb(48,91,169)
```
#2858b1
```
#2858b1 rgb(40,88,177)
```
#2056b9
```
#2056b9 rgb(32,86,185)
```
#1753c2
```
#1753c2 rgb(23,83,194)
```
#0f51ca
```
#0f51ca rgb(15,81,202)
```
#074ed2
```
#074ed2 rgb(7,78,210)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#64666b Atypical Achromatopsia 0.001% of the population

Dichromacy

#686d84 Protanopia 1% of men
#6b6c86 Deuteranopia 1% of men
#5f7179 Tritanopia 0.001% of the population

Trichromacy

#636b82 Protanomaly 1% of men, 0.01% of women
#656a83 Deuteranomaly 6% of men, 0.4% of women
#5d6d7b Tritanomaly 0.01% of the population

#5a677f hex color

#5a677f Color Information

#5a677f Color Conversion

Color Schemes with #5a677f

Alternatives to #5a677f

#5a677f Preview

Shades and Tints of #5a677f

Tones of #5a677f

Color Blindness Simulator