#546480 hex color

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

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

● #546480 color description : Mostly desaturated dark blue.

The hexadecimal color #546480 has RGB values of R:84, G:100, B:128 and CMYK values of C:0.34, M:0.22, Y:0, K:0.5. Its decimal value is 5530752.

Hex triplet	546480	`#546480`
RGB Decimal	84, 100, 128	`rgb(84,100,128)`
RGB Percent	32.9, 39.2, 50.2	`rgb(32.9%,39.2%,50.2%)`
CMYK	34, 22, 0, 50
HSL	218.2°, 20.8, 41.6	`hsl(218.2,20.8%,41.6%)`
HSV (or HSB)	218.2°, 34.4, 50.2
Web Safe	666699	`#666699`

CIE-LAB	42.089, 1.207, -17.573
XYZ	12.109, 12.557, 22.207
xyY	0.258, 0.268, 12.557
CIE-LCH	42.089, 17.614, 273.929
CIE-LUV	42.089, -9.025, -24.729
Hunter-Lab	35.436, -1.019, -12.35
Binary	01010100, 01100100, 10000000

#546480
```
#546480 rgb(84,100,128)
```
#807054
```
#807054 rgb(128,112,84)
```

Complementary Color

#547a80
```
#547a80 rgb(84,122,128)
```
#546480
```
#546480 rgb(84,100,128)
```
#5a5480
```
#5a5480 rgb(90,84,128)
```

Analogous Color

#7a8054
```
#7a8054 rgb(122,128,84)
```
#546480
```
#546480 rgb(84,100,128)
```
#805a54
```
#805a54 rgb(128,90,84)
```

Split Complementary Color

#648054
```
#648054 rgb(100,128,84)
```
#546480
```
#546480 rgb(84,100,128)
```
#805464
```
#805464 rgb(128,84,100)
```

Triadic Color

#548070
```
#548070 rgb(84,128,112)
```
#546480
```
#546480 rgb(84,100,128)
```
#805464
```
#805464 rgb(128,84,100)
```
#807054
```
#807054 rgb(128,112,84)
```

Tetradic Color

#364052
```
#364052 rgb(54,64,82)
```
#404c61
```
#404c61 rgb(64,76,97)
```
#4a5871
```
#4a5871 rgb(74,88,113)
```
#546480
```
#546480 rgb(84,100,128)
```
#5e708f
```
#5e708f rgb(94,112,143)
```
#6a7d9d
```
#6a7d9d rgb(106,125,157)
```
#798aa7
```
#798aa7 rgb(121,138,167)
```

Monochromatic Color

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

#546f80
```
#546f80 rgb(84,111,128)
```
#546b80
```
#546b80 rgb(84,107,128)
```
#546880
```
#546880 rgb(84,104,128)
```
#546480
```
#546480 rgb(84,100,128)
```
#546080
```
#546080 rgb(84,96,128)
```
#545d80
```
#545d80 rgb(84,93,128)
```
#545980
```
#545980 rgb(84,89,128)
```

Similar Colors

Text with hexadecimal color #546480

This text has a font color of #546480.

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

#546480 background color

This paragraph has a background color of #546480.

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

#546480 border color

This element has a border color of #546480.

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

CSS codes

.text {color:#546480;}

.background {background-color:#546480;}

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

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

#06070a
```
#06070a rgb(6,7,10)
```
#0e1115
```
#0e1115 rgb(14,17,21)
```
#161a21
```
#161a21 rgb(22,26,33)
```
#1e232d
```
#1e232d rgb(30,35,45)
```
#252c39
```
#252c39 rgb(37,44,57)
```
#2d3645
```
#2d3645 rgb(45,54,69)
```
#353f51
```
#353f51 rgb(53,63,81)
```
#3d485c
```
#3d485c rgb(61,72,92)
```
#445168
```
#445168 rgb(68,81,104)
```
#4c5b74
```
#4c5b74 rgb(76,91,116)
```
#546480
```
#546480 rgb(84,100,128)
```
#5c6d8c
```
#5c6d8c rgb(92,109,140)
```
#647798
```
#647798 rgb(100,119,152)
```

Shade Color Variation

#6f81a0
```
#6f81a0 rgb(111,129,160)
```
#7a8ba8
```
#7a8ba8 rgb(122,139,168)
```
#8695b0
```
#8695b0 rgb(134,149,176)
```
#92a0b8
```
#92a0b8 rgb(146,160,184)
```
#9eaabf
```
#9eaabf rgb(158,170,191)
```
#aab4c7
```
#aab4c7 rgb(170,180,199)
```
#b6bfcf
```
#b6bfcf rgb(182,191,207)
```
#c2c9d7
```
#c2c9d7 rgb(194,201,215)
```
#cdd4de
```
#cdd4de rgb(205,212,222)
```
#d9dee6
```
#d9dee6 rgb(217,222,230)
```
#e5e8ee
```
#e5e8ee rgb(229,232,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#646870
```
#646870 rgb(100,104,112)
```
#5c6678
```
#5c6678 rgb(92,102,120)
```
#546480
```
#546480 rgb(84,100,128)
```
#4c6288
```
#4c6288 rgb(76,98,136)
```
#446090
```
#446090 rgb(68,96,144)
```
#3c5d98
```
#3c5d98 rgb(60,93,152)
```
#335ba1
```
#335ba1 rgb(51,91,161)
```
#2b59a9
```
#2b59a9 rgb(43,89,169)
```
#2357b1
```
#2357b1 rgb(35,87,177)
```
#1b54b9
```
#1b54b9 rgb(27,84,185)
```
#1352c1
```
#1352c1 rgb(19,82,193)
```
#0b50c9
```
#0b50c9 rgb(11,80,201)
```
#024ed2
```
#024ed2 rgb(2,78,210)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646a85 Protanopia 1% of men
#656987 Deuteranopia 1% of men
#586f77 Tritanopia 0.001% of the population

Trichromacy

#5e6883 Protanomaly 1% of men, 0.01% of women
#5f6784 Deuteranomaly 6% of men, 0.4% of women
#566b7a Tritanomaly 0.01% of the population

#546480 hex color

#546480 Color Information

#546480 Color Conversion

Color Schemes with #546480

Alternatives to #546480

#546480 Preview

Shades and Tints of #546480

Tones of #546480

Color Blindness Simulator