#5a6165 hex color

In a RGB color space, hex #5a6165 is composed of 35.3% red, 38% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 4% magenta, 0% yellow and 60.4% black. It has a hue angle of 201.8 degrees, a saturation of 5.8% and a lightness of 37.5%. #5a6165 color hex could be obtained by blending #b4c2ca with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 38
- B 40
RGB color chart
- C 11
- M 4
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #5a6165 has RGB values of R:90, G:97, B:101 and CMYK values of C:0.11, M:0.04, Y:0, K:0.6. Its decimal value is 5923173.

Hex triplet	5a6165	`#5a6165`
RGB Decimal	90, 97, 101	`rgb(90,97,101)`
RGB Percent	35.3, 38, 39.6	`rgb(35.3%,38%,39.6%)`
CMYK	11, 4, 0, 60
HSL	201.8°, 5.8, 37.5	`hsl(201.8,5.8%,37.5%)`
HSV (or HSB)	201.8°, 10.9, 39.6
Web Safe	666666	`#666666`

CIE-LAB	40.675, -1.815, -3.209
XYZ	10.84, 11.663, 13.991
xyY	0.297, 0.32, 11.663
CIE-LCH	40.675, 3.687, 240.51
CIE-LUV	40.675, -3.946, -3.95
Hunter-Lab	34.15, -3.106, -0.385
Binary	01011010, 01100001, 01100101

#5a6165
```
#5a6165 rgb(90,97,101)
```
#655e5a
```
#655e5a rgb(101,94,90)
```

Complementary Color

#5a6564
```
#5a6564 rgb(90,101,100)
```
#5a6165
```
#5a6165 rgb(90,97,101)
```
#5a5c65
```
#5a5c65 rgb(90,92,101)
```

Analogous Color

#65645a
```
#65645a rgb(101,100,90)
```
#5a6165
```
#5a6165 rgb(90,97,101)
```
#655a5c
```
#655a5c rgb(101,90,92)
```

Split Complementary Color

#61655a
```
#61655a rgb(97,101,90)
```
#5a6165
```
#5a6165 rgb(90,97,101)
```
#655a61
```
#655a61 rgb(101,90,97)
```

Triadic Color

#5a655e
```
#5a655e rgb(90,101,94)
```
#5a6165
```
#5a6165 rgb(90,97,101)
```
#655a61
```
#655a61 rgb(101,90,97)
```
#655e5a
```
#655e5a rgb(101,94,90)
```

Tetradic Color

#363a3d
```
#363a3d rgb(54,58,61)
```
#42474a
```
#42474a rgb(66,71,74)
```
#4e5458
```
#4e5458 rgb(78,84,88)
```
#5a6165
```
#5a6165 rgb(90,97,101)
```
#666e72
```
#666e72 rgb(102,110,114)
```
#727b80
```
#727b80 rgb(114,123,128)
```
#7f888d
```
#7f888d rgb(127,136,141)
```

Monochromatic Color

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

#5a6465
```
#5a6465 rgb(90,100,101)
```
#5a6365
```
#5a6365 rgb(90,99,101)
```
#5a6265
```
#5a6265 rgb(90,98,101)
```
#5a6165
```
#5a6165 rgb(90,97,101)
```
#5a6065
```
#5a6065 rgb(90,96,101)
```
#5a5f65
```
#5a5f65 rgb(90,95,101)
```
#5a5e65
```
#5a5e65 rgb(90,94,101)
```

Similar Colors

Text with hexadecimal color #5a6165

This text has a font color of #5a6165.

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

#5a6165 background color

This paragraph has a background color of #5a6165.

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

#5a6165 border color

This element has a border color of #5a6165.

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

CSS codes

.text {color:#5a6165;}

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

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

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

#070708
```
#070708 rgb(7,7,8)
```
#101112
```
#101112 rgb(16,17,18)
```
#191b1c
```
#191b1c rgb(25,27,28)
```
#232527
```
#232527 rgb(35,37,39)
```
#2c2f31
```
#2c2f31 rgb(44,47,49)
```
#35393c
```
#35393c rgb(53,57,60)
```
#3e4346
```
#3e4346 rgb(62,67,70)
```
#484d50
```
#484d50 rgb(72,77,80)
```
#51575b
```
#51575b rgb(81,87,91)
```
#5a6165
```
#5a6165 rgb(90,97,101)
```
#636b6f
```
#636b6f rgb(99,107,111)
```
#6c757a
```
#6c757a rgb(108,117,122)
```
#767f84
```
#767f84 rgb(118,127,132)
```

Shade Color Variation

#80898e
```
#80898e rgb(128,137,142)
```
#8a9297
```
#8a9297 rgb(138,146,151)
```
#959ca0
```
#959ca0 rgb(149,156,160)
```
#9fa6a9
```
#9fa6a9 rgb(159,166,169)
```
#a9afb3
```
#a9afb3 rgb(169,175,179)
```
#b4b9bc
```
#b4b9bc rgb(180,185,188)
```
#bec3c5
```
#bec3c5 rgb(190,195,197)
```
#c8ccce
```
#c8ccce rgb(200,204,206)
```
#d3d6d8
```
#d3d6d8 rgb(211,214,216)
```
#dde0e1
```
#dde0e1 rgb(221,224,225)
```
#e8e9ea
```
#e8e9ea rgb(232,233,234)
```
#f2f3f3
```
#f2f3f3 rgb(242,243,243)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#5a6165
```
#5a6165 rgb(90,97,101)
```
#53636c
```
#53636c rgb(83,99,108)
```
#4b6574
```
#4b6574 rgb(75,101,116)
```
#44677b
```
#44677b rgb(68,103,123)
```
#3d6982
```
#3d6982 rgb(61,105,130)
```
#356b8a
```
#356b8a rgb(53,107,138)
```
#2e6d91
```
#2e6d91 rgb(46,109,145)
```
#276f98
```
#276f98 rgb(39,111,152)
```
#1f71a0
```
#1f71a0 rgb(31,113,160)
```
#1873a7
```
#1873a7 rgb(24,115,167)
```
#1175ae
```
#1175ae rgb(17,117,174)
```
#0977b6
```
#0977b6 rgb(9,119,182)
```
#0279bd
```
#0279bd rgb(2,121,189)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5e5f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#68676c Protanopia 1% of men
#6e656e Deuteranopia 1% of men
#636870 Tritanopia 0.001% of the population

Trichromacy

#636569 Protanomaly 1% of men, 0.01% of women
#67636a Deuteranomaly 6% of men, 0.4% of women
#5f656c Tritanomaly 0.01% of the population

#5a6165 hex color

#5a6165 Color Information

#5a6165 Color Conversion

Color Schemes with #5a6165

Alternatives to #5a6165

#5a6165 Preview

Shades and Tints of #5a6165

Tones of #5a6165

Color Blindness Simulator