#5a6978 hex color

In a RGB color space, hex #5a6978 is composed of 35.3% red, 41.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 12.5% magenta, 0% yellow and 52.9% black. It has a hue angle of 210 degrees, a saturation of 14.3% and a lightness of 41.2%. #5a6978 color hex could be obtained by blending #b4d2f0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 41
- B 47
RGB color chart
- C 25
- M 13
- Y 0
- K 53
CMYK color chart

● #5a6978 color description : Dark grayish blue.

The hexadecimal color #5a6978 has RGB values of R:90, G:105, B:120 and CMYK values of C:0.25, M:0.13, Y:0, K:0.53. Its decimal value is 5925240.

Hex triplet	5a6978	`#5a6978`
RGB Decimal	90, 105, 120	`rgb(90,105,120)`
RGB Percent	35.3, 41.2, 47.1	`rgb(35.3%,41.2%,47.1%)`
CMYK	25, 13, 0, 53
HSL	210°, 14.3, 41.2	`hsl(210,14.3%,41.2%)`
HSV (or HSB)	210°, 25, 47.1
Web Safe	666666	`#666666`

CIE-LAB	43.701, -2.001, -10.247
XYZ	12.657, 13.633, 19.733
xyY	0.275, 0.296, 13.633
CIE-LCH	43.701, 10.441, 258.952
CIE-LUV	43.701, -8.31, -13.833
Hunter-Lab	36.922, -3.422, -5.841
Binary	01011010, 01101001, 01111000

#5a6978
```
#5a6978 rgb(90,105,120)
```
#78695a
```
#78695a rgb(120,105,90)
```

Complementary Color

#5a7878
```
#5a7878 rgb(90,120,120)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#5a5a78
```
#5a5a78 rgb(90,90,120)
```

Analogous Color

#78785a
```
#78785a rgb(120,120,90)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#785a5a
```
#785a5a rgb(120,90,90)
```

Split Complementary Color

#69785a
```
#69785a rgb(105,120,90)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#785a69
```
#785a69 rgb(120,90,105)
```

Triadic Color

#5a7869
```
#5a7869 rgb(90,120,105)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#785a69
```
#785a69 rgb(120,90,105)
```
#78695a
```
#78695a rgb(120,105,90)
```

Tetradic Color

#39434c
```
#39434c rgb(57,67,76)
```
#44505b
```
#44505b rgb(68,80,91)
```
#4f5c69
```
#4f5c69 rgb(79,92,105)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#657687
```
#657687 rgb(101,118,135)
```
#718394
```
#718394 rgb(113,131,148)
```
#7f8f9f
```
#7f8f9f rgb(127,143,159)
```

Monochromatic Color

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

#5a7178
```
#5a7178 rgb(90,113,120)
```
#5a6e78
```
#5a6e78 rgb(90,110,120)
```
#5a6c78
```
#5a6c78 rgb(90,108,120)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#5a6778
```
#5a6778 rgb(90,103,120)
```
#5a6478
```
#5a6478 rgb(90,100,120)
```
#5a6278
```
#5a6278 rgb(90,98,120)
```

Similar Colors

Text with hexadecimal color #5a6978

This text has a font color of #5a6978.

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

#5a6978 background color

This paragraph has a background color of #5a6978.

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

#5a6978 border color

This element has a border color of #5a6978.

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

CSS codes

.text {color:#5a6978;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1113
```
#0e1113 rgb(14,17,19)
```
#171b1e
```
#171b1e rgb(23,27,30)
```
#1f242a
```
#1f242a rgb(31,36,42)
```
#282e35
```
#282e35 rgb(40,46,53)
```
#303840
```
#303840 rgb(48,56,64)
```
#38424b
```
#38424b rgb(56,66,75)
```
#414c56
```
#414c56 rgb(65,76,86)
```
#495562
```
#495562 rgb(73,85,98)
```
#525f6d
```
#525f6d rgb(82,95,109)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#627383
```
#627383 rgb(98,115,131)
```
#6b7d8e
```
#6b7d8e rgb(107,125,142)
```

Shade Color Variation

#758698
```
#758698 rgb(117,134,152)
```
#8090a0
```
#8090a0 rgb(128,144,160)
```
#8c9aa8
```
#8c9aa8 rgb(140,154,168)
```
#97a4b1
```
#97a4b1 rgb(151,164,177)
```
#a2aeb9
```
#a2aeb9 rgb(162,174,185)
```
#adb7c2
```
#adb7c2 rgb(173,183,194)
```
#b8c1ca
```
#b8c1ca rgb(184,193,202)
```
#c4cbd2
```
#c4cbd2 rgb(196,203,210)
```
#cfd5db
```
#cfd5db rgb(207,213,219)
```
#dadfe3
```
#dadfe3 rgb(218,223,227)
```
#e5e9ec
```
#e5e9ec rgb(229,233,236)
```
#f0f2f4
```
#f0f2f4 rgb(240,242,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626970 is the less saturated color, while #0169d1 is the most saturated one.

#626970
```
#626970 rgb(98,105,112)
```
#5a6978
```
#5a6978 rgb(90,105,120)
```
#526980
```
#526980 rgb(82,105,128)
```
#4a6988
```
#4a6988 rgb(74,105,136)
```
#426990
```
#426990 rgb(66,105,144)
```
#3a6998
```
#3a6998 rgb(58,105,152)
```
#3269a0
```
#3269a0 rgb(50,105,160)
```
#2a69a8
```
#2a69a8 rgb(42,105,168)
```
#2169b1
```
#2169b1 rgb(33,105,177)
```
#1969b9
```
#1969b9 rgb(25,105,185)
```
#1169c1
```
#1169c1 rgb(17,105,193)
```
#0969c9
```
#0969c9 rgb(9,105,201)
```
#0169d1
```
#0169d1 rgb(1,105,209)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#64676a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6e7d Protanopia 1% of men
#706c80 Deuteranopia 1% of men
#617179 Tritanopia 0.001% of the population

Trichromacy

#656c7b Protanomaly 1% of men, 0.01% of women
#686b7d Deuteranomaly 6% of men, 0.4% of women
#5e6e79 Tritanomaly 0.01% of the population

#5a6978 hex color

#5a6978 Color Information

#5a6978 Color Conversion

Color Schemes with #5a6978

Alternatives to #5a6978

#5a6978 Preview

Shades and Tints of #5a6978

Tones of #5a6978

Color Blindness Simulator