#5a556c hex color

In a RGB color space, hex #5a556c is composed of 35.3% red, 33.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 21.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 253 degrees, a saturation of 11.9% and a lightness of 37.8%. #5a556c color hex could be obtained by blending #b4aad8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 33
- B 42
RGB color chart
- C 17
- M 21
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #5a556c has RGB values of R:90, G:85, B:108 and CMYK values of C:0.17, M:0.21, Y:0, K:0.58. Its decimal value is 5920108.

Hex triplet	5a556c	`#5a556c`
RGB Decimal	90, 85, 108	`rgb(90,85,108)`
RGB Percent	35.3, 33.3, 42.4	`rgb(35.3%,33.3%,42.4%)`
CMYK	17, 21, 0, 58
HSL	253°, 11.9, 37.8	`hsl(253,11.9%,37.8%)`
HSV (or HSB)	253°, 21.3, 42.4
Web Safe	666666	`#666666`

CIE-LAB	37.396, 7.227, -12.441
XYZ	10.171, 9.753, 15.533
xyY	0.287, 0.275, 9.753
CIE-LCH	37.396, 14.388, 300.152
CIE-LUV	37.396, 1.219, -17.537
Hunter-Lab	31.23, 3.482, -7.628
Binary	01011010, 01010101, 01101100

#5a556c
```
#5a556c rgb(90,85,108)
```
#676c55
```
#676c55 rgb(103,108,85)
```

Complementary Color

#555c6c
```
#555c6c rgb(85,92,108)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#66556c
```
#66556c rgb(102,85,108)
```

Analogous Color

#5c6c55
```
#5c6c55 rgb(92,108,85)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#6c6655
```
#6c6655 rgb(108,102,85)
```

Split Complementary Color

#556c5a
```
#556c5a rgb(85,108,90)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#6c5a55
```
#6c5a55 rgb(108,90,85)
```

Triadic Color

#55676c
```
#55676c rgb(85,103,108)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#6c5a55
```
#6c5a55 rgb(108,90,85)
```
#676c55
```
#676c55 rgb(103,108,85)
```

Tetradic Color

#363341
```
#363341 rgb(54,51,65)
```
#423f4f
```
#423f4f rgb(66,63,79)
```
#4e4a5e
```
#4e4a5e rgb(78,74,94)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#66607a
```
#66607a rgb(102,96,122)
```
#726b89
```
#726b89 rgb(114,107,137)
```
#7f7895
```
#7f7895 rgb(127,120,149)
```

Monochromatic Color

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

#55566c
```
#55566c rgb(85,86,108)
```
#56556c
```
#56556c rgb(86,85,108)
```
#58556c
```
#58556c rgb(88,85,108)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#5c556c
```
#5c556c rgb(92,85,108)
```
#5e556c
```
#5e556c rgb(94,85,108)
```
#60556c
```
#60556c rgb(96,85,108)
```

Similar Colors

Text with hexadecimal color #5a556c

This text has a font color of #5a556c.

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

#5a556c background color

This paragraph has a background color of #5a556c.

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

#5a556c border color

This element has a border color of #5a556c.

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

CSS codes

.text {color:#5a556c;}

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

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

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

#080709
```
#080709 rgb(8,7,9)
```
#111014
```
#111014 rgb(17,16,20)
```
#1a191f
```
#1a191f rgb(26,25,31)
```
#23212a
```
#23212a rgb(35,33,42)
```
#2c2a35
```
#2c2a35 rgb(44,42,53)
```
#353240
```
#353240 rgb(53,50,64)
```
#3f3b4b
```
#3f3b4b rgb(63,59,75)
```
#484456
```
#484456 rgb(72,68,86)
```
#514c61
```
#514c61 rgb(81,76,97)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#635e77
```
#635e77 rgb(99,94,119)
```
#6c6682
```
#6c6682 rgb(108,102,130)
```
#756f8d
```
#756f8d rgb(117,111,141)
```

Shade Color Variation

#807a96
```
#807a96 rgb(128,122,150)
```
#8a849f
```
#8a849f rgb(138,132,159)
```
#958fa7
```
#958fa7 rgb(149,143,167)
```
#9f9ab0
```
#9f9ab0 rgb(159,154,176)
```
#aaa5b8
```
#aaa5b8 rgb(170,165,184)
```
#b4b0c1
```
#b4b0c1 rgb(180,176,193)
```
#bfbbca
```
#bfbbca rgb(191,187,202)
```
#c9c6d2
```
#c9c6d2 rgb(201,198,210)
```
#d3d1db
```
#d3d1db rgb(211,209,219)
```
#dedce4
```
#dedce4 rgb(222,220,228)
```
#e8e7ec
```
#e8e7ec rgb(232,231,236)
```
#f3f2f5
```
#f3f2f5 rgb(243,242,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5e5c65
```
#5e5c65 rgb(94,92,101)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#564e73
```
#564e73 rgb(86,78,115)
```
#52467b
```
#52467b rgb(82,70,123)
```
#4d3f82
```
#4d3f82 rgb(77,63,130)
```
#49378a
```
#49378a rgb(73,55,138)
```
#453091
```
#453091 rgb(69,48,145)
```
#412899
```
#412899 rgb(65,40,153)
```
#3d21a0
```
#3d21a0 rgb(61,33,160)
```
#381aa7
```
#381aa7 rgb(56,26,167)
```
#3412af
```
#3412af rgb(52,18,175)
```
#300bb6
```
#300bb6 rgb(48,11,182)
```
#2c03be
```
#2c03be rgb(44,3,190)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#59585d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5f74 Protanopia 1% of men
#5f5e73 Deuteranopia 1% of men
#5f6067 Tritanopia 0.001% of the population

Trichromacy

#5a5b71 Protanomaly 1% of men, 0.01% of women
#5d5b70 Deuteranomaly 6% of men, 0.4% of women
#5d5c68 Tritanomaly 0.01% of the population

#5a556c hex color

#5a556c Color Information

#5a556c Color Conversion

Color Schemes with #5a556c

Alternatives to #5a556c

#5a556c Preview

Shades and Tints of #5a556c

Tones of #5a556c

Color Blindness Simulator