#5a5c63 hex color

In a RGB color space, hex #5a5c63 is composed of 35.3% red, 36.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 7.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 226.7 degrees, a saturation of 4.8% and a lightness of 37.1%. #5a5c63 color hex could be obtained by blending #b4b8c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 36
- B 39
RGB color chart
- C 9
- M 7
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #5a5c63 has RGB values of R:90, G:92, B:99 and CMYK values of C:0.09, M:0.07, Y:0, K:0.61. Its decimal value is 5921891.

Hex triplet	5a5c63	`#5a5c63`
RGB Decimal	90, 92, 99	`rgb(90,92,99)`
RGB Percent	35.3, 36.1, 38.8	`rgb(35.3%,36.1%,38.8%)`
CMYK	9, 7, 0, 61
HSL	226.7°, 4.8, 37.1	`hsl(226.7,4.8%,37.1%)`
HSV (or HSB)	226.7°, 9.1, 38.8
Web Safe	666666	`#666666`

CIE-LAB	39.12, 0.758, -4.28
XYZ	10.295, 10.729, 13.332
xyY	0.3, 0.312, 10.729
CIE-LCH	39.12, 4.346, 280.047
CIE-LUV	39.12, -1.462, -5.693
Hunter-Lab	32.755, -1.216, -1.204
Binary	01011010, 01011100, 01100011

#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#63615a
```
#63615a rgb(99,97,90)
```

Complementary Color

#5a6163
```
#5a6163 rgb(90,97,99)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#5d5a63
```
#5d5a63 rgb(93,90,99)
```

Analogous Color

#61635a
```
#61635a rgb(97,99,90)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#635d5a
```
#635d5a rgb(99,93,90)
```

Split Complementary Color

#5c635a
```
#5c635a rgb(92,99,90)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#635a5c
```
#635a5c rgb(99,90,92)
```

Triadic Color

#5a6361
```
#5a6361 rgb(90,99,97)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#635a5c
```
#635a5c rgb(99,90,92)
```
#63615a
```
#63615a rgb(99,97,90)
```

Tetradic Color

#36373b
```
#36373b rgb(54,55,59)
```
#424348
```
#424348 rgb(66,67,72)
```
#4e5056
```
#4e5056 rgb(78,80,86)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#666870
```
#666870 rgb(102,104,112)
```
#72757e
```
#72757e rgb(114,117,126)
```
#7f828b
```
#7f828b rgb(127,130,139)
```

Monochromatic Color

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

#5a5e63
```
#5a5e63 rgb(90,94,99)
```
#5a5e63
```
#5a5e63 rgb(90,94,99)
```
#5a5d63
```
#5a5d63 rgb(90,93,99)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#5a5b63
```
#5a5b63 rgb(90,91,99)
```
#5a5b63
```
#5a5b63 rgb(90,91,99)
```
#5a5a63
```
#5a5a63 rgb(90,90,99)
```

Similar Colors

Text with hexadecimal color #5a5c63

This text has a font color of #5a5c63.

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

#5a5c63 background color

This paragraph has a background color of #5a5c63.

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

#5a5c63 border color

This element has a border color of #5a5c63.

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

CSS codes

.text {color:#5a5c63;}

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

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

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

#060607
```
#060607 rgb(6,6,7)
```
#0f1011
```
#0f1011 rgb(15,16,17)
```
#19191b
```
#19191b rgb(25,25,27)
```
#222325
```
#222325 rgb(34,35,37)
```
#2b2c30
```
#2b2c30 rgb(43,44,48)
```
#35363a
```
#35363a rgb(53,54,58)
```
#3e3f44
```
#3e3f44 rgb(62,63,68)
```
#47494e
```
#47494e rgb(71,73,78)
```
#515259
```
#515259 rgb(81,82,89)
```
#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#63666d
```
#63666d rgb(99,102,109)
```
#6d6f78
```
#6d6f78 rgb(109,111,120)
```
#767982
```
#767982 rgb(118,121,130)
```

Shade Color Variation

#80838c
```
#80838c rgb(128,131,140)
```
#8a8d95
```
#8a8d95 rgb(138,141,149)
```
#95979e
```
#95979e rgb(149,151,158)
```
#9fa1a8
```
#9fa1a8 rgb(159,161,168)
```
#a9abb1
```
#a9abb1 rgb(169,171,177)
```
#b3b5ba
```
#b3b5ba rgb(179,181,186)
```
#bebfc4
```
#bebfc4 rgb(190,191,196)
```
#c8c9cd
```
#c8c9cd rgb(200,201,205)
```
#d2d3d6
```
#d2d3d6 rgb(210,211,214)
```
#dcdde0
```
#dcdde0 rgb(220,221,224)
```
#e7e7e9
```
#e7e7e9 rgb(231,231,233)
```
#f1f1f2
```
#f1f1f2 rgb(241,241,242)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#5a5c63
```
#5a5c63 rgb(90,92,99)
```
#53586a
```
#53586a rgb(83,88,106)
```
#4b5472
```
#4b5472 rgb(75,84,114)
```
#445079
```
#445079 rgb(68,80,121)
```
#3d4c80
```
#3d4c80 rgb(61,76,128)
```
#364887
```
#364887 rgb(54,72,135)
```
#2e448f
```
#2e448f rgb(46,68,143)
```
#274096
```
#274096 rgb(39,64,150)
```
#203c9d
```
#203c9d rgb(32,60,157)
```
#1938a4
```
#1938a4 rgb(25,56,164)
```
#1134ac
```
#1134ac rgb(17,52,172)
```
#0a30b3
```
#0a30b3 rgb(10,48,179)
```
#032cba
```
#032cba rgb(3,44,186)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5c5c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#64646a Protanopia 1% of men
#6a616b Deuteranopia 1% of men
#62646b Tritanopia 0.001% of the population

Trichromacy

#606168 Protanomaly 1% of men, 0.01% of women
#645f68 Deuteranomaly 6% of men, 0.4% of women
#5f6168 Tritanomaly 0.01% of the population

#5a5c63 hex color

#5a5c63 Color Information

#5a5c63 Color Conversion

Color Schemes with #5a5c63

Alternatives to #5a5c63

#5a5c63 Preview

Shades and Tints of #5a5c63

Tones of #5a5c63

Color Blindness Simulator