#5a5a73 hex color

In a RGB color space, hex #5a5a73 is composed of 35.3% red, 35.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 21.7% magenta, 0% yellow and 54.9% black. It has a hue angle of 240 degrees, a saturation of 12.2% and a lightness of 40.2%. #5a5a73 color hex could be obtained by blending #b4b4e6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 35
- B 45
RGB color chart
- C 22
- M 22
- Y 0
- K 55
CMYK color chart

● #5a5a73 color description : Dark grayish blue.

The hexadecimal color #5a5a73 has RGB values of R:90, G:90, B:115 and CMYK values of C:0.22, M:0.22, Y:0, K:0.55. Its decimal value is 5921395.

Hex triplet	5a5a73	`#5a5a73`
RGB Decimal	90, 90, 115	`rgb(90,90,115)`
RGB Percent	35.3, 35.3, 45.1	`rgb(35.3%,35.3%,45.1%)`
CMYK	22, 22, 0, 55
HSL	240°, 12.2, 40.2	`hsl(240,12.2%,40.2%)`
HSV (or HSB)	240°, 21.7, 45.1
Web Safe	666666	`#666666`

CIE-LAB	39.111, 5.867, -14.156
XYZ	10.967, 10.724, 17.711
xyY	0.278, 0.272, 10.724
CIE-LCH	39.111, 15.323, 292.512
CIE-LUV	39.111, -1.444, -19.983
Hunter-Lab	32.747, 2.47, -9.143
Binary	01011010, 01011010, 01110011

#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#73735a
```
#73735a rgb(115,115,90)
```

Complementary Color

#5a6773
```
#5a6773 rgb(90,103,115)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#675a73
```
#675a73 rgb(103,90,115)
```

Analogous Color

#67735a
```
#67735a rgb(103,115,90)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#73675a
```
#73675a rgb(115,103,90)
```

Split Complementary Color

#5a735a
```
#5a735a rgb(90,115,90)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#735a5a
```
#735a5a rgb(115,90,90)
```

Triadic Color

#5a7373
```
#5a7373 rgb(90,115,115)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#735a5a
```
#735a5a rgb(115,90,90)
```
#73735a
```
#73735a rgb(115,115,90)
```

Tetradic Color

#383848
```
#383848 rgb(56,56,72)
```
#444456
```
#444456 rgb(68,68,86)
```
#4f4f65
```
#4f4f65 rgb(79,79,101)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#656581
```
#656581 rgb(101,101,129)
```
#71718f
```
#71718f rgb(113,113,143)
```
#7f7f9b
```
#7f7f9b rgb(127,127,155)
```

Monochromatic Color

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

#5a6073
```
#5a6073 rgb(90,96,115)
```
#5a5e73
```
#5a5e73 rgb(90,94,115)
```
#5a5c73
```
#5a5c73 rgb(90,92,115)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#5c5a73
```
#5c5a73 rgb(92,90,115)
```
#5e5a73
```
#5e5a73 rgb(94,90,115)
```
#605a73
```
#605a73 rgb(96,90,115)
```

Similar Colors

Text with hexadecimal color #5a5a73

This text has a font color of #5a5a73.

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

#5a5a73 background color

This paragraph has a background color of #5a5a73.

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

#5a5a73 border color

This element has a border color of #5a5a73.

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

CSS codes

.text {color:#5a5a73;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0c10
```
#0c0c10 rgb(12,12,16)
```
#15151b
```
#15151b rgb(21,21,27)
```
#1e1e26
```
#1e1e26 rgb(30,30,38)
```
#262631
```
#262631 rgb(38,38,49)
```
#2f2f3c
```
#2f2f3c rgb(47,47,60)
```
#383847
```
#383847 rgb(56,56,71)
```
#404052
```
#404052 rgb(64,64,82)
```
#49495d
```
#49495d rgb(73,73,93)
```
#515168
```
#515168 rgb(81,81,104)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#63637e
```
#63637e rgb(99,99,126)
```
#6b6b89
```
#6b6b89 rgb(107,107,137)
```

Shade Color Variation

#757593
```
#757593 rgb(117,117,147)
```
#80809c
```
#80809c rgb(128,128,156)
```
#8b8ba4
```
#8b8ba4 rgb(139,139,164)
```
#9696ad
```
#9696ad rgb(150,150,173)
```
#a1a1b5
```
#a1a1b5 rgb(161,161,181)
```
#acacbe
```
#acacbe rgb(172,172,190)
```
#b7b7c7
```
#b7b7c7 rgb(183,183,199)
```
#c2c2cf
```
#c2c2cf rgb(194,194,207)
```
#cdcdd8
```
#cdcdd8 rgb(205,205,216)
```
#d8d8e0
```
#d8d8e0 rgb(216,216,224)
```
#e3e3e9
```
#e3e3e9 rgb(227,227,233)
```
#eeeef2
```
#eeeef2 rgb(238,238,242)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62626b is the less saturated color, while #0303ca is the most saturated one.

#62626b
```
#62626b rgb(98,98,107)
```
#5a5a73
```
#5a5a73 rgb(90,90,115)
```
#52527b
```
#52527b rgb(82,82,123)
```
#4a4a83
```
#4a4a83 rgb(74,74,131)
```
#42428b
```
#42428b rgb(66,66,139)
```
#3a3a93
```
#3a3a93 rgb(58,58,147)
```
#33339a
```
#33339a rgb(51,51,154)
```
#2b2ba2
```
#2b2ba2 rgb(43,43,162)
```
#2323aa
```
#2323aa rgb(35,35,170)
```
#1b1bb2
```
#1b1bb2 rgb(27,27,178)
```
#1313ba
```
#1313ba rgb(19,19,186)
```
#0b0bc2
```
#0b0bc2 rgb(11,11,194)
```
#0303ca
```
#0303ca rgb(3,3,202)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5c5c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e637a Protanopia 1% of men
#62627a Deuteranopia 1% of men
#5f656c Tritanopia 0.001% of the population

Trichromacy

#5c6078 Protanomaly 1% of men, 0.01% of women
#5f5f77 Deuteranomaly 6% of men, 0.4% of women
#5d616e Tritanomaly 0.01% of the population

#5a5a73 hex color

#5a5a73 Color Information

#5a5a73 Color Conversion

Color Schemes with #5a5a73

Alternatives to #5a5a73

#5a5a73 Preview

Shades and Tints of #5a5a73

Tones of #5a5a73

Color Blindness Simulator