#5a6b85 hex color

In a RGB color space, hex #5a6b85 is composed of 35.3% red, 42% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 19.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 216.3 degrees, a saturation of 19.3% and a lightness of 43.7%. #5a6b85 color hex could be obtained by blending #b4d6ff with #00000b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 42
- B 52
RGB color chart
- C 32
- M 20
- Y 0
- K 48
CMYK color chart

● #5a6b85 color description : Mostly desaturated dark blue.

The hexadecimal color #5a6b85 has RGB values of R:90, G:107, B:133 and CMYK values of C:0.32, M:0.2, Y:0, K:0.48. Its decimal value is 5925765.

Hex triplet	5a6b85	`#5a6b85`
RGB Decimal	90, 107, 133	`rgb(90,107,133)`
RGB Percent	35.3, 42, 52.2	`rgb(35.3%,42%,52.2%)`
CMYK	32, 20, 0, 48
HSL	216.3°, 19.3, 43.7	`hsl(216.3,19.3%,43.7%)`
HSV (or HSB)	216.3°, 32.3, 52.2
Web Safe	666699	`#666699`

CIE-LAB	44.776, 0.237, -16.433
XYZ	13.707, 14.382, 24.243
xyY	0.262, 0.275, 14.382
CIE-LCH	44.776, 16.435, 270.825
CIE-LUV	44.776, -9.542, -23.264
Hunter-Lab	37.924, -1.851, -11.355
Binary	01011010, 01101011, 10000101

#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#85745a
```
#85745a rgb(133,116,90)
```

Complementary Color

#5a8185
```
#5a8185 rgb(90,129,133)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#5f5a85
```
#5f5a85 rgb(95,90,133)
```

Analogous Color

#81855a
```
#81855a rgb(129,133,90)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#855f5a
```
#855f5a rgb(133,95,90)
```

Split Complementary Color

#6b855a
```
#6b855a rgb(107,133,90)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#855a6b
```
#855a6b rgb(133,90,107)
```

Triadic Color

#5a8574
```
#5a8574 rgb(90,133,116)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#855a6b
```
#855a6b rgb(133,90,107)
```
#85745a
```
#85745a rgb(133,116,90)
```

Tetradic Color

#3b4657
```
#3b4657 rgb(59,70,87)
```
#455367
```
#455367 rgb(69,83,103)
```
#505f76
```
#505f76 rgb(80,95,118)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#647794
```
#647794 rgb(100,119,148)
```
#7284a0
```
#7284a0 rgb(114,132,160)
```
#8192aa
```
#8192aa rgb(129,146,170)
```

Monochromatic Color

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

#5a7685
```
#5a7685 rgb(90,118,133)
```
#5a7285
```
#5a7285 rgb(90,114,133)
```
#5a6f85
```
#5a6f85 rgb(90,111,133)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#5a6785
```
#5a6785 rgb(90,103,133)
```
#5a6485
```
#5a6485 rgb(90,100,133)
```
#5a6085
```
#5a6085 rgb(90,96,133)
```

Similar Colors

Text with hexadecimal color #5a6b85

This text has a font color of #5a6b85.

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

#5a6b85 background color

This paragraph has a background color of #5a6b85.

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

#5a6b85 border color

This element has a border color of #5a6b85.

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

CSS codes

.text {color:#5a6b85;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#13161c
```
#13161c rgb(19,22,28)
```
#1b2027
```
#1b2027 rgb(27,32,39)
```
#232933
```
#232933 rgb(35,41,51)
```
#2b333f
```
#2b333f rgb(43,51,63)
```
#323c4b
```
#323c4b rgb(50,60,75)
```
#3a4556
```
#3a4556 rgb(58,69,86)
```
#424f62
```
#424f62 rgb(66,79,98)
```
#4a586e
```
#4a586e rgb(74,88,110)
```
#526279
```
#526279 rgb(82,98,121)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#627491
```
#627491 rgb(98,116,145)
```

Shade Color Variation

#6b7e9b
```
#6b7e9b rgb(107,126,155)
```
#7788a3
```
#7788a3 rgb(119,136,163)
```
#8393ab
```
#8393ab rgb(131,147,171)
```
#8e9db3
```
#8e9db3 rgb(142,157,179)
```
#9aa7bb
```
#9aa7bb rgb(154,167,187)
```
#a6b1c3
```
#a6b1c3 rgb(166,177,195)
```
#b1bbcb
```
#b1bbcb rgb(177,187,203)
```
#bdc6d2
```
#bdc6d2 rgb(189,198,210)
```
#c9d0da
```
#c9d0da rgb(201,208,218)
```
#d5dae2
```
#d5dae2 rgb(213,218,226)
```
#e0e4ea
```
#e0e4ea rgb(224,228,234)
```
#eceef2
```
#eceef2 rgb(236,238,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6f74 is the less saturated color, while #0459db is the most saturated one.

#6b6f74
```
#6b6f74 rgb(107,111,116)
```
#636d7c
```
#636d7c rgb(99,109,124)
```
#5a6b85
```
#5a6b85 rgb(90,107,133)
```
#51698e
```
#51698e rgb(81,105,142)
```
#496796
```
#496796 rgb(73,103,150)
```
#40669f
```
#40669f rgb(64,102,159)
```
#3864a7
```
#3864a7 rgb(56,100,167)
```
#2f62b0
```
#2f62b0 rgb(47,98,176)
```
#2760b8
```
#2760b8 rgb(39,96,184)
```
#1e5ec1
```
#1e5ec1 rgb(30,94,193)
```
#155dca
```
#155dca rgb(21,93,202)
```
#0d5bd2
```
#0d5bd2 rgb(13,91,210)
```
#0459db
```
#0459db rgb(4,89,219)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#66696f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b708a Protanopia 1% of men
#6d6f8c Deuteranopia 1% of men
#5e757d Tritanopia 0.001% of the population

Trichromacy

#656e88 Protanomaly 1% of men, 0.01% of women
#666d89 Deuteranomaly 6% of men, 0.4% of women
#5d7180 Tritanomaly 0.01% of the population

#5a6b85 hex color

#5a6b85 Color Information

#5a6b85 Color Conversion

Color Schemes with #5a6b85

Alternatives to #5a6b85

#5a6b85 Preview

Shades and Tints of #5a6b85

Tones of #5a6b85

Color Blindness Simulator