#546485 hex color

In a RGB color space, hex #546485 is composed of 32.9% red, 39.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 24.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 220.4 degrees, a saturation of 22.6% and a lightness of 42.5%. #546485 color hex could be obtained by blending #a8c8ff with #00000b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 39
- B 52
RGB color chart
- C 37
- M 25
- Y 0
- K 48
CMYK color chart

● #546485 color description : Mostly desaturated dark blue.

The hexadecimal color #546485 has RGB values of R:84, G:100, B:133 and CMYK values of C:0.37, M:0.25, Y:0, K:0.48. Its decimal value is 5530757.

Hex triplet	546485	`#546485`
RGB Decimal	84, 100, 133	`rgb(84,100,133)`
RGB Percent	32.9, 39.2, 52.2	`rgb(32.9%,39.2%,52.2%)`
CMYK	37, 25, 0, 48
HSL	220.4°, 22.6, 42.5	`hsl(220.4,22.6%,42.5%)`
HSV (or HSB)	220.4°, 36.8, 52.2
Web Safe	666699	`#666699`

CIE-LAB	42.296, 2.628, -20.275
XYZ	12.446, 12.692, 23.983
xyY	0.253, 0.258, 12.692
CIE-LCH	42.296, 20.444, 277.385
CIE-LUV	42.296, -9.161, -28.933
Hunter-Lab	35.626, 0.014, -14.975
Binary	01010100, 01100100, 10000101

#546485
```
#546485 rgb(84,100,133)
```
#857554
```
#857554 rgb(133,117,84)
```

Complementary Color

#547d85
```
#547d85 rgb(84,125,133)
```
#546485
```
#546485 rgb(84,100,133)
```
#5d5485
```
#5d5485 rgb(93,84,133)
```

Analogous Color

#7d8554
```
#7d8554 rgb(125,133,84)
```
#546485
```
#546485 rgb(84,100,133)
```
#855d54
```
#855d54 rgb(133,93,84)
```

Split Complementary Color

#648554
```
#648554 rgb(100,133,84)
```
#546485
```
#546485 rgb(84,100,133)
```
#855464
```
#855464 rgb(133,84,100)
```

Triadic Color

#548575
```
#548575 rgb(84,133,117)
```
#546485
```
#546485 rgb(84,100,133)
```
#855464
```
#855464 rgb(133,84,100)
```
#857554
```
#857554 rgb(133,117,84)
```

Tetradic Color

#364156
```
#364156 rgb(54,65,86)
```
#404c66
```
#404c66 rgb(64,76,102)
```
#4a5875
```
#4a5875 rgb(74,88,117)
```
#546485
```
#546485 rgb(84,100,133)
```
#5e7095
```
#5e7095 rgb(94,112,149)
```
#6b7da1
```
#6b7da1 rgb(107,125,161)
```
#7a8aab
```
#7a8aab rgb(122,138,171)
```

Monochromatic Color

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

#547085
```
#547085 rgb(84,112,133)
```
#546c85
```
#546c85 rgb(84,108,133)
```
#546885
```
#546885 rgb(84,104,133)
```
#546485
```
#546485 rgb(84,100,133)
```
#546085
```
#546085 rgb(84,96,133)
```
#545c85
```
#545c85 rgb(84,92,133)
```
#545885
```
#545885 rgb(84,88,133)
```

Similar Colors

Text with hexadecimal color #546485

This text has a font color of #546485.

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

#546485 background color

This paragraph has a background color of #546485.

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

#546485 border color

This element has a border color of #546485.

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

CSS codes

.text {color:#546485;}

.background {background-color:#546485;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#080a0d
```
#080a0d rgb(8,10,13)
```
#101319
```
#101319 rgb(16,19,25)
```
#171c25
```
#171c25 rgb(23,28,37)
```
#1f2531
```
#1f2531 rgb(31,37,49)
```
#262e3d
```
#262e3d rgb(38,46,61)
```
#2e3749
```
#2e3749 rgb(46,55,73)
```
#364055
```
#364055 rgb(54,64,85)
```
#3d4961
```
#3d4961 rgb(61,73,97)
```
#45526d
```
#45526d rgb(69,82,109)
```
#4c5b79
```
#4c5b79 rgb(76,91,121)
```
#546485
```
#546485 rgb(84,100,133)
```
#5c6d91
```
#5c6d91 rgb(92,109,145)
```

Shade Color Variation

#63769d
```
#63769d rgb(99,118,157)
```
#6f81a4
```
#6f81a4 rgb(111,129,164)
```
#7c8bac
```
#7c8bac rgb(124,139,172)
```
#8896b4
```
#8896b4 rgb(136,150,180)
```
#94a0bb
```
#94a0bb rgb(148,160,187)
```
#a0abc3
```
#a0abc3 rgb(160,171,195)
```
#acb6ca
```
#acb6ca rgb(172,182,202)
```
#b8c0d2
```
#b8c0d2 rgb(184,192,210)
```
#c4cbda
```
#c4cbda rgb(196,203,218)
```
#d0d5e1
```
#d0d5e1 rgb(208,213,225)
```
#dce0e9
```
#dce0e9 rgb(220,224,233)
```
#e8ebf0
```
#e8ebf0 rgb(232,235,240)
```
#f4f5f8
```
#f4f5f8 rgb(244,245,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656a74 is the less saturated color, while #0147d8 is the most saturated one.

#656a74
```
#656a74 rgb(101,106,116)
```
#5c677d
```
#5c677d rgb(92,103,125)
```
#546485
```
#546485 rgb(84,100,133)
```
#4c618d
```
#4c618d rgb(76,97,141)
```
#435e96
```
#435e96 rgb(67,94,150)
```
#3b5b9e
```
#3b5b9e rgb(59,91,158)
```
#3358a6
```
#3358a6 rgb(51,88,166)
```
#2a56af
```
#2a56af rgb(42,86,175)
```
#2253b7
```
#2253b7 rgb(34,83,183)
```
#1a50bf
```
#1a50bf rgb(26,80,191)
```
#114dc8
```
#114dc8 rgb(17,77,200)
```
#094ad0
```
#094ad0 rgb(9,74,208)
```
#0147d8
```
#0147d8 rgb(1,71,216)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#60636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#626a8a Protanopia 1% of men
#636a8b Deuteranopia 1% of men
#576f77 Tritanopia 0.001% of the population

Trichromacy

#5d6888 Protanomaly 1% of men, 0.01% of women
#5d6889 Deuteranomaly 6% of men, 0.4% of women
#566b7c Tritanomaly 0.01% of the population

#546485 hex color

#546485 Color Information

#546485 Color Conversion

Color Schemes with #546485

Alternatives to #546485

#546485 Preview

Shades and Tints of #546485

Tones of #546485

Color Blindness Simulator