#545680 hex color

In a RGB color space, hex #545680 is composed of 32.9% red, 33.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 32.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 237.3 degrees, a saturation of 20.8% and a lightness of 41.6%. #545680 color hex could be obtained by blending #a8acff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 34
- B 50
RGB color chart
- C 34
- M 33
- Y 0
- K 50
CMYK color chart

● #545680 color description : Mostly desaturated dark blue.

The hexadecimal color #545680 has RGB values of R:84, G:86, B:128 and CMYK values of C:0.34, M:0.33, Y:0, K:0.5. Its decimal value is 5527168.

Hex triplet	545680	`#545680`
RGB Decimal	84, 86, 128	`rgb(84,86,128)`
RGB Percent	32.9, 33.7, 50.2	`rgb(32.9%,33.7%,50.2%)`
CMYK	34, 33, 0, 50
HSL	237.3°, 20.8, 41.6	`hsl(237.3,20.8%,41.6%)`
HSV (or HSB)	237.3°, 34.4, 50.2
Web Safe	666699	`#666699`

CIE-LAB	38.019, 9.928, -23.861
XYZ	10.879, 10.099, 21.797
xyY	0.254, 0.236, 10.099
CIE-LCH	38.019, 25.844, 292.592
CIE-LUV	38.019, -3.343, -34.235
Hunter-Lab	31.778, 5.498, -18.422
Binary	01010100, 01010110, 10000000

#545680
```
#545680 rgb(84,86,128)
```
#807e54
```
#807e54 rgb(128,126,84)
```

Complementary Color

#546c80
```
#546c80 rgb(84,108,128)
```
#545680
```
#545680 rgb(84,86,128)
```
#685480
```
#685480 rgb(104,84,128)
```

Analogous Color

#6c8054
```
#6c8054 rgb(108,128,84)
```
#545680
```
#545680 rgb(84,86,128)
```
#806854
```
#806854 rgb(128,104,84)
```

Split Complementary Color

#568054
```
#568054 rgb(86,128,84)
```
#545680
```
#545680 rgb(84,86,128)
```
#805456
```
#805456 rgb(128,84,86)
```

Triadic Color

#54807e
```
#54807e rgb(84,128,126)
```
#545680
```
#545680 rgb(84,86,128)
```
#805456
```
#805456 rgb(128,84,86)
```
#807e54
```
#807e54 rgb(128,126,84)
```

Tetradic Color

#363752
```
#363752 rgb(54,55,82)
```
#404161
```
#404161 rgb(64,65,97)
```
#4a4c71
```
#4a4c71 rgb(74,76,113)
```
#545680
```
#545680 rgb(84,86,128)
```
#5e608f
```
#5e608f rgb(94,96,143)
```
#6a6c9d
```
#6a6c9d rgb(106,108,157)
```
#797ba7
```
#797ba7 rgb(121,123,167)
```

Monochromatic Color

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

#546180
```
#546180 rgb(84,97,128)
```
#545d80
```
#545d80 rgb(84,93,128)
```
#545a80
```
#545a80 rgb(84,90,128)
```
#545680
```
#545680 rgb(84,86,128)
```
#565480
```
#565480 rgb(86,84,128)
```
#595480
```
#595480 rgb(89,84,128)
```
#5d5480
```
#5d5480 rgb(93,84,128)
```

Similar Colors

Text with hexadecimal color #545680

This text has a font color of #545680.

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

#545680 background color

This paragraph has a background color of #545680.

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

#545680 border color

This element has a border color of #545680.

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

CSS codes

.text {color:#545680;}

.background {background-color:#545680;}

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

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

#06060a
```
#06060a rgb(6,6,10)
```
#0e0e15
```
#0e0e15 rgb(14,14,21)
```
#161621
```
#161621 rgb(22,22,33)
```
#1e1e2d
```
#1e1e2d rgb(30,30,45)
```
#252639
```
#252639 rgb(37,38,57)
```
#2d2e45
```
#2d2e45 rgb(45,46,69)
```
#353651
```
#353651 rgb(53,54,81)
```
#3d3e5c
```
#3d3e5c rgb(61,62,92)
```
#444668
```
#444668 rgb(68,70,104)
```
#4c4e74
```
#4c4e74 rgb(76,78,116)
```
#545680
```
#545680 rgb(84,86,128)
```
#5c5e8c
```
#5c5e8c rgb(92,94,140)
```
#646698
```
#646698 rgb(100,102,152)
```

Shade Color Variation

#6f71a0
```
#6f71a0 rgb(111,113,160)
```
#7a7da8
```
#7a7da8 rgb(122,125,168)
```
#8688b0
```
#8688b0 rgb(134,136,176)
```
#9294b8
```
#9294b8 rgb(146,148,184)
```
#9e9fbf
```
#9e9fbf rgb(158,159,191)
```
#aaabc7
```
#aaabc7 rgb(170,171,199)
```
#b6b7cf
```
#b6b7cf rgb(182,183,207)
```
#c2c2d7
```
#c2c2d7 rgb(194,194,215)
```
#cdcede
```
#cdcede rgb(205,206,222)
```
#d9dae6
```
#d9dae6 rgb(217,218,230)
```
#e5e5ee
```
#e5e5ee rgb(229,229,238)
```
#f1f1f6
```
#f1f1f6 rgb(241,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#646570
```
#646570 rgb(100,101,112)
```
#5c5d78
```
#5c5d78 rgb(92,93,120)
```
#545680
```
#545680 rgb(84,86,128)
```
#4c4f88
```
#4c4f88 rgb(76,79,136)
```
#444790
```
#444790 rgb(68,71,144)
```
#3c4098
```
#3c4098 rgb(60,64,152)
```
#3338a1
```
#3338a1 rgb(51,56,161)
```
#2b31a9
```
#2b31a9 rgb(43,49,169)
```
#232ab1
```
#232ab1 rgb(35,42,177)
```
#1b22b9
```
#1b22b9 rgb(27,34,185)
```
#131bc1
```
#131bc1 rgb(19,27,193)
```
#0b13c9
```
#0b13c9 rgb(11,19,201)
```
#020cd2
```
#020cd2 rgb(2,12,210)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546088 Protanopia 1% of men
#546185 Deuteranopia 1% of men
#55646b Tritanopia 0.001% of the population

Trichromacy

#545c85 Protanomaly 1% of men, 0.01% of women
#545d83 Deuteranomaly 6% of men, 0.4% of women
#555f73 Tritanomaly 0.01% of the population

#545680 hex color

#545680 Color Information

#545680 Color Conversion

Color Schemes with #545680

Alternatives to #545680

#545680 Preview

Shades and Tints of #545680

Tones of #545680

Color Blindness Simulator