#5a6176 hex color

In a RGB color space, hex #5a6176 is composed of 35.3% red, 38% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 17.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 225 degrees, a saturation of 13.5% and a lightness of 40.8%. #5a6176 color hex could be obtained by blending #b4c2ec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 38
- B 46
RGB color chart
- C 24
- M 18
- Y 0
- K 54
CMYK color chart

● #5a6176 color description : Dark grayish blue.

The hexadecimal color #5a6176 has RGB values of R:90, G:97, B:118 and CMYK values of C:0.24, M:0.18, Y:0, K:0.54. Its decimal value is 5923190.

Hex triplet	5a6176	`#5a6176`
RGB Decimal	90, 97, 118	`rgb(90,97,118)`
RGB Percent	35.3, 38, 46.3	`rgb(35.3%,38%,46.3%)`
CMYK	24, 18, 0, 54
HSL	225°, 13.5, 40.8	`hsl(225,13.5%,40.8%)`
HSV (or HSB)	225°, 23.7, 46.3
Web Safe	666666	`#666666`

CIE-LAB	41.265, 2.32, -12.717
XYZ	11.761, 12.031, 18.841
xyY	0.276, 0.282, 12.031
CIE-LCH	41.265, 12.927, 280.341
CIE-LUV	41.265, -4.68, -17.726
Hunter-Lab	34.686, -0.177, -7.926
Binary	01011010, 01100001, 01110110

#5a6176
```
#5a6176 rgb(90,97,118)
```
#766f5a
```
#766f5a rgb(118,111,90)
```

Complementary Color

#5a6f76
```
#5a6f76 rgb(90,111,118)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#615a76
```
#615a76 rgb(97,90,118)
```

Analogous Color

#6f765a
```
#6f765a rgb(111,118,90)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#76615a
```
#76615a rgb(118,97,90)
```

Split Complementary Color

#61765a
```
#61765a rgb(97,118,90)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#765a61
```
#765a61 rgb(118,90,97)
```

Triadic Color

#5a766f
```
#5a766f rgb(90,118,111)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#765a61
```
#765a61 rgb(118,90,97)
```
#766f5a
```
#766f5a rgb(118,111,90)
```

Tetradic Color

#393d4b
```
#393d4b rgb(57,61,75)
```
#444959
```
#444959 rgb(68,73,89)
```
#4f5568
```
#4f5568 rgb(79,85,104)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#656d84
```
#656d84 rgb(101,109,132)
```
#717992
```
#717992 rgb(113,121,146)
```
#7f879d
```
#7f879d rgb(127,135,157)
```

Monochromatic Color

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

#5a6876
```
#5a6876 rgb(90,104,118)
```
#5a6676
```
#5a6676 rgb(90,102,118)
```
#5a6376
```
#5a6376 rgb(90,99,118)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#5a5f76
```
#5a5f76 rgb(90,95,118)
```
#5a5c76
```
#5a5c76 rgb(90,92,118)
```
#5a5a76
```
#5a5a76 rgb(90,90,118)
```

Similar Colors

Text with hexadecimal color #5a6176

This text has a font color of #5a6176.

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

#5a6176 background color

This paragraph has a background color of #5a6176.

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

#5a6176 border color

This element has a border color of #5a6176.

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

CSS codes

.text {color:#5a6176;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#16181d
```
#16181d rgb(22,24,29)
```
#1f2128
```
#1f2128 rgb(31,33,40)
```
#272a33
```
#272a33 rgb(39,42,51)
```
#30333e
```
#30333e rgb(48,51,62)
```
#383c49
```
#383c49 rgb(56,60,73)
```
#414655
```
#414655 rgb(65,70,85)
```
#494f60
```
#494f60 rgb(73,79,96)
```
#52586b
```
#52586b rgb(82,88,107)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#626a81
```
#626a81 rgb(98,106,129)
```
#6b738c
```
#6b738c rgb(107,115,140)
```

Shade Color Variation

#757d96
```
#757d96 rgb(117,125,150)
```
#80889e
```
#80889e rgb(128,136,158)
```
#8b92a7
```
#8b92a7 rgb(139,146,167)
```
#969daf
```
#969daf rgb(150,157,175)
```
#a2a7b8
```
#a2a7b8 rgb(162,167,184)
```
#adb2c0
```
#adb2c0 rgb(173,178,192)
```
#b8bcc9
```
#b8bcc9 rgb(184,188,201)
```
#c3c7d1
```
#c3c7d1 rgb(195,199,209)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#d9dbe2
```
#d9dbe2 rgb(217,219,226)
```
#e4e6eb
```
#e4e6eb rgb(228,230,235)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62656e is the less saturated color, while #0235ce is the most saturated one.

#62656e
```
#62656e rgb(98,101,110)
```
#5a6176
```
#5a6176 rgb(90,97,118)
```
#525d7e
```
#525d7e rgb(82,93,126)
```
#4a5986
```
#4a5986 rgb(74,89,134)
```
#42558e
```
#42558e rgb(66,85,142)
```
#3a5196
```
#3a5196 rgb(58,81,150)
```
#324d9e
```
#324d9e rgb(50,77,158)
```
#2a49a6
```
#2a49a6 rgb(42,73,166)
```
#2245ae
```
#2245ae rgb(34,69,174)
```
#1a41b6
```
#1a41b6 rgb(26,65,182)
```
#123dbe
```
#123dbe rgb(18,61,190)
```
#0a39c6
```
#0a39c6 rgb(10,57,198)
```
#0235ce
```
#0235ce rgb(2,53,206)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#606165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64687c Protanopia 1% of men
#68677d Deuteranopia 1% of men
#606b72 Tritanopia 0.001% of the population

Trichromacy

#60657a Protanomaly 1% of men, 0.01% of women
#63657a Deuteranomaly 6% of men, 0.4% of women
#5d6773 Tritanomaly 0.01% of the population

#5a6176 hex color

#5a6176 Color Information

#5a6176 Color Conversion

Color Schemes with #5a6176

Alternatives to #5a6176

#5a6176 Preview

Shades and Tints of #5a6176

Tones of #5a6176

Color Blindness Simulator