#545060 hex color

In a RGB color space, hex #545060 is composed of 32.9% red, 31.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 16.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 255 degrees, a saturation of 9.1% and a lightness of 34.5%. #545060 color hex could be obtained by blending #a8a0c0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 31
- B 38
RGB color chart
- C 13
- M 17
- Y 0
- K 62
CMYK color chart

● #545060 color description : Very dark grayish blue.

The hexadecimal color #545060 has RGB values of R:84, G:80, B:96 and CMYK values of C:0.13, M:0.17, Y:0, K:0.62. Its decimal value is 5525600.

Hex triplet	545060	`#545060`
RGB Decimal	84, 80, 96	`rgb(84,80,96)`
RGB Percent	32.9, 31.4, 37.6	`rgb(32.9%,31.4%,37.6%)`
CMYK	13, 17, 0, 62
HSL	255°, 9.1, 34.5	`hsl(255,9.1%,34.5%)`
HSV (or HSB)	255°, 16.7, 37.6
Web Safe	666666	`#666666`

CIE-LAB	34.936, 5.226, -8.716
XYZ	8.636, 8.467, 12.245
xyY	0.294, 0.288, 8.467
CIE-LCH	34.936, 10.163, 300.947
CIE-LUV	34.936, 1.163, -11.929
Hunter-Lab	29.098, 2.056, -4.582
Binary	01010100, 01010000, 01100000

#545060
```
#545060 rgb(84,80,96)
```
#5c6050
```
#5c6050 rgb(92,96,80)
```

Complementary Color

#505460
```
#505460 rgb(80,84,96)
```
#545060
```
#545060 rgb(84,80,96)
```
#5c5060
```
#5c5060 rgb(92,80,96)
```

Analogous Color

#546050
```
#546050 rgb(84,96,80)
```
#545060
```
#545060 rgb(84,80,96)
```
#605c50
```
#605c50 rgb(96,92,80)
```

Split Complementary Color

#506054
```
#506054 rgb(80,96,84)
```
#545060
```
#545060 rgb(84,80,96)
```
#605450
```
#605450 rgb(96,84,80)
```

Triadic Color

#505c60
```
#505c60 rgb(80,92,96)
```
#545060
```
#545060 rgb(84,80,96)
```
#605450
```
#605450 rgb(96,84,80)
```
#5c6050
```
#5c6050 rgb(92,96,80)
```

Tetradic Color

#2f2d36
```
#2f2d36 rgb(47,45,54)
```
#3c3944
```
#3c3944 rgb(60,57,68)
```
#484452
```
#484452 rgb(72,68,82)
```
#545060
```
#545060 rgb(84,80,96)
```
#605c6e
```
#605c6e rgb(96,92,110)
```
#6c677c
```
#6c677c rgb(108,103,124)
```
#79738a
```
#79738a rgb(121,115,138)
```

Monochromatic Color

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

#505060
```
#505060 rgb(80,80,96)
```
#515060
```
#515060 rgb(81,80,96)
```
#535060
```
#535060 rgb(83,80,96)
```
#545060
```
#545060 rgb(84,80,96)
```
#555060
```
#555060 rgb(85,80,96)
```
#575060
```
#575060 rgb(87,80,96)
```
#585060
```
#585060 rgb(88,80,96)
```

Similar Colors

Text with hexadecimal color #545060

This text has a font color of #545060.

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

#545060 background color

This paragraph has a background color of #545060.

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

#545060 border color

This element has a border color of #545060.

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

CSS codes

.text {color:#545060;}

.background {background-color:#545060;}

.border {border:1px solid #545060;}

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, #09090a is the darkest color, while #ffffff is the lightest one.

#09090a
```
#09090a rgb(9,9,10)
```
#121215
```
#121215 rgb(18,18,21)
```
#1c1b20
```
#1c1b20 rgb(28,27,32)
```
#25232b
```
#25232b rgb(37,35,43)
```
#2f2c35
```
#2f2c35 rgb(47,44,53)
```
#383540
```
#383540 rgb(56,53,64)
```
#413e4b
```
#413e4b rgb(65,62,75)
```
#4b4755
```
#4b4755 rgb(75,71,85)
```
#545060
```
#545060 rgb(84,80,96)
```
#5d596b
```
#5d596b rgb(93,89,107)
```
#676275
```
#676275 rgb(103,98,117)
```
#706b80
```
#706b80 rgb(112,107,128)
```
#79748b
```
#79748b rgb(121,116,139)
```

Shade Color Variation

#847e94
```
#847e94 rgb(132,126,148)
```
#8e899d
```
#8e899d rgb(142,137,157)
```
#9894a6
```
#9894a6 rgb(152,148,166)
```
#a29eaf
```
#a29eaf rgb(162,158,175)
```
#ada9b7
```
#ada9b7 rgb(173,169,183)
```
#b7b4c0
```
#b7b4c0 rgb(183,180,192)
```
#c1bfc9
```
#c1bfc9 rgb(193,191,201)
```
#cbc9d2
```
#cbc9d2 rgb(203,201,210)
```
#d6d4db
```
#d6d4db rgb(214,212,219)
```
#e0dfe4
```
#e0dfe4 rgb(224,223,228)
```
#eae9ed
```
#eae9ed rgb(234,233,237)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#575759
```
#575759 rgb(87,87,89)
```
#545060
```
#545060 rgb(84,80,96)
```
#514967
```
#514967 rgb(81,73,103)
```
#4d426e
```
#4d426e rgb(77,66,110)
```
#4a3c74
```
#4a3c74 rgb(74,60,116)
```
#46357b
```
#46357b rgb(70,53,123)
```
#432e82
```
#432e82 rgb(67,46,130)
```
#402789
```
#402789 rgb(64,39,137)
```
#3c218f
```
#3c218f rgb(60,33,143)
```
#391a96
```
#391a96 rgb(57,26,150)
```
#36139d
```
#36139d rgb(54,19,157)
```
#320ca4
```
#320ca4 rgb(50,12,164)
```
#2f06aa
```
#2f06aa rgb(47,6,170)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#535256 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585a69 Protanopia 1% of men
#5c5968 Deuteranopia 1% of men
#5b5a60 Tritanopia 0.001% of the population

Trichromacy

#565665 Protanomaly 1% of men, 0.01% of women
#595565 Deuteranomaly 6% of men, 0.4% of women
#585660 Tritanomaly 0.01% of the population

#545060 hex color

#545060 Color Information

#545060 Color Conversion

Color Schemes with #545060

Alternatives to #545060

#545060 Preview

Shades and Tints of #545060

Tones of #545060

Color Blindness Simulator