#5a747f hex color

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

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

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

The hexadecimal color #5a747f has RGB values of R:90, G:116, B:127 and CMYK values of C:0.29, M:0.09, Y:0, K:0.5. Its decimal value is 5928063.

Hex triplet	5a747f	`#5a747f`
RGB Decimal	90, 116, 127	`rgb(90,116,127)`
RGB Percent	35.3, 45.5, 49.8	`rgb(35.3%,45.5%,49.8%)`
CMYK	29, 9, 0, 50
HSL	197.8°, 17.1, 42.5	`hsl(197.8,17.1%,42.5%)`
HSV (or HSB)	197.8°, 29.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	47.231, -6.667, -9.136
XYZ	14.292, 16.196, 22.451
xyY	0.27, 0.306, 16.196
CIE-LCH	47.231, 11.311, 233.879
CIE-LUV	47.231, -13.335, -11.822
Hunter-Lab	40.245, -7.039, -4.904
Binary	01011010, 01110100, 01111111

#5a747f
```
#5a747f rgb(90,116,127)
```
#7f655a
```
#7f655a rgb(127,101,90)
```

Complementary Color

#5a7f78
```
#5a7f78 rgb(90,127,120)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#5a627f
```
#5a627f rgb(90,98,127)
```

Analogous Color

#7f785a
```
#7f785a rgb(127,120,90)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#7f5a62
```
#7f5a62 rgb(127,90,98)
```

Split Complementary Color

#747f5a
```
#747f5a rgb(116,127,90)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#7f5a74
```
#7f5a74 rgb(127,90,116)
```

Triadic Color

#5a7f65
```
#5a7f65 rgb(90,127,101)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#7f5a74
```
#7f5a74 rgb(127,90,116)
```
#7f655a
```
#7f655a rgb(127,101,90)
```

Tetradic Color

#3a4b52
```
#3a4b52 rgb(58,75,82)
```
#455961
```
#455961 rgb(69,89,97)
```
#4f6670
```
#4f6670 rgb(79,102,112)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#65828e
```
#65828e rgb(101,130,142)
```
#718e9b
```
#718e9b rgb(113,142,155)
```
#809aa5
```
#809aa5 rgb(128,154,165)
```

Monochromatic Color

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

#5a7d7f
```
#5a7d7f rgb(90,125,127)
```
#5a7a7f
```
#5a7a7f rgb(90,122,127)
```
#5a777f
```
#5a777f rgb(90,119,127)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#5a717f
```
#5a717f rgb(90,113,127)
```
#5a6e7f
```
#5a6e7f rgb(90,110,127)
```
#5a6b7f
```
#5a6b7f rgb(90,107,127)
```

Similar Colors

Text with hexadecimal color #5a747f

This text has a font color of #5a747f.

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

#5a747f background color

This paragraph has a background color of #5a747f.

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

#5a747f border color

This element has a border color of #5a747f.

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

CSS codes

.text {color:#5a747f;}

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

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

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 #f4f6f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090b0c
```
#090b0c rgb(9,11,12)
```
#111618
```
#111618 rgb(17,22,24)
```
#192023
```
#192023 rgb(25,32,35)
```
#212b2f
```
#212b2f rgb(33,43,47)
```
#29353a
```
#29353a rgb(41,53,58)
```
#314046
```
#314046 rgb(49,64,70)
```
#394a51
```
#394a51 rgb(57,74,81)
```
#42555d
```
#42555d rgb(66,85,93)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#526a74
```
#526a74 rgb(82,106,116)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#627e8a
```
#627e8a rgb(98,126,138)
```

Shade Color Variation

#6a8996
```
#6a8996 rgb(106,137,150)
```
#76929e
```
#76929e rgb(118,146,158)
```
#819ba6
```
#819ba6 rgb(129,155,166)
```
#8da4ae
```
#8da4ae rgb(141,164,174)
```
#98adb6
```
#98adb6 rgb(152,173,182)
```
#a4b7be
```
#a4b7be rgb(164,183,190)
```
#afc0c7
```
#afc0c7 rgb(175,192,199)
```
#bbc9cf
```
#bbc9cf rgb(187,201,207)
```
#c6d2d7
```
#c6d2d7 rgb(198,210,215)
```
#d2dbdf
```
#d2dbdf rgb(210,219,223)
```
#dde4e7
```
#dde4e7 rgb(221,228,231)
```
#e9edef
```
#e9edef rgb(233,237,239)
```
#f4f6f7
```
#f4f6f7 rgb(244,246,247)
```

Tint Color Variation

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

#6b6d6e
```
#6b6d6e rgb(107,109,110)
```
#627177
```
#627177 rgb(98,113,119)
```
#5a747f
```
#5a747f rgb(90,116,127)
```
#527787
```
#527787 rgb(82,119,135)
```
#497b90
```
#497b90 rgb(73,123,144)
```
#417e98
```
#417e98 rgb(65,126,152)
```
#3982a0
```
#3982a0 rgb(57,130,160)
```
#3085a9
```
#3085a9 rgb(48,133,169)
```
#2888b1
```
#2888b1 rgb(40,136,177)
```
#208cb9
```
#208cb9 rgb(32,140,185)
```
#178fc2
```
#178fc2 rgb(23,143,194)
```
#0f92ca
```
#0f92ca rgb(15,146,202)
```
#0796d2
```
#0796d2 rgb(7,150,210)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#696e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757683 Protanopia 1% of men
#7a7487 Deuteranopia 1% of men
#627b84 Tritanopia 0.001% of the population

Trichromacy

#6b7581 Protanomaly 1% of men, 0.01% of women
#6e7484 Deuteranomaly 6% of men, 0.4% of women
#5f7882 Tritanomaly 0.01% of the population

#5a747f hex color

#5a747f Color Information

#5a747f Color Conversion

Color Schemes with #5a747f

Alternatives to #5a747f

#5a747f Preview

Shades and Tints of #5a747f

Tones of #5a747f

Color Blindness Simulator