#546396 hex color

In a RGB color space, hex #546396 is composed of 32.9% red, 38.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 34% magenta, 0% yellow and 41.2% black. It has a hue angle of 226.4 degrees, a saturation of 28.2% and a lightness of 45.9%. #546396 color hex could be obtained by blending #a8c6ff with #00002d. Closest websafe color is: #666699.

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

● #546396 color description : Mostly desaturated dark blue.

The hexadecimal color #546396 has RGB values of R:84, G:99, B:150 and CMYK values of C:0.44, M:0.34, Y:0, K:0.41. Its decimal value is 5530518.

Hex triplet	546396	`#546396`
RGB Decimal	84, 99, 150	`rgb(84,99,150)`
RGB Percent	32.9, 38.8, 58.8	`rgb(32.9%,38.8%,58.8%)`
CMYK	44, 34, 0, 41
HSL	226.4°, 28.2, 45.9	`hsl(226.4,28.2%,45.9%)`
HSV (or HSB)	226.4°, 44, 58.8
Web Safe	666699	`#666699`

CIE-LAB	42.778, 8.304, -29.727
XYZ	13.622, 13.01, 30.646
xyY	0.238, 0.227, 13.01
CIE-LCH	42.778, 30.865, 285.608
CIE-LUV	42.778, -9.256, -43.909
Hunter-Lab	36.069, 4.29, -25.126
Binary	01010100, 01100011, 10010110

#546396
```
#546396 rgb(84,99,150)
```
#968754
```
#968754 rgb(150,135,84)
```

Complementary Color

#548496
```
#548496 rgb(84,132,150)
```
#546396
```
#546396 rgb(84,99,150)
```
#665496
```
#665496 rgb(102,84,150)
```

Analogous Color

#849654
```
#849654 rgb(132,150,84)
```
#546396
```
#546396 rgb(84,99,150)
```
#966654
```
#966654 rgb(150,102,84)
```

Split Complementary Color

#639654
```
#639654 rgb(99,150,84)
```
#546396
```
#546396 rgb(84,99,150)
```
#965463
```
#965463 rgb(150,84,99)
```

Triadic Color

#549687
```
#549687 rgb(84,150,135)
```
#546396
```
#546396 rgb(84,99,150)
```
#965463
```
#965463 rgb(150,84,99)
```
#968754
```
#968754 rgb(150,135,84)
```

Tetradic Color

#394365
```
#394365 rgb(57,67,101)
```
#424d75
```
#424d75 rgb(66,77,117)
```
#4b5886
```
#4b5886 rgb(75,88,134)
```
#546396
```
#546396 rgb(84,99,150)
```
#5e6ea5
```
#5e6ea5 rgb(94,110,165)
```
#6f7dae
```
#6f7dae rgb(111,125,174)
```
#7f8cb7
```
#7f8cb7 rgb(127,140,183)
```

Monochromatic Color

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

#547496
```
#547496 rgb(84,116,150)
```
#546e96
```
#546e96 rgb(84,110,150)
```
#546996
```
#546996 rgb(84,105,150)
```
#546396
```
#546396 rgb(84,99,150)
```
#545e96
```
#545e96 rgb(84,94,150)
```
#545896
```
#545896 rgb(84,88,150)
```
#555496
```
#555496 rgb(85,84,150)
```

Similar Colors

Text with hexadecimal color #546396

This text has a font color of #546396.

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

#546396 background color

This paragraph has a background color of #546396.

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

#546396 border color

This element has a border color of #546396.

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

CSS codes

.text {color:#546396;}

.background {background-color:#546396;}

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

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, #07080c is the darkest color, while #fefeff is the lightest one.

#07080c
```
#07080c rgb(7,8,12)
```
#0e1018
```
#0e1018 rgb(14,16,24)
```
#151825
```
#151825 rgb(21,24,37)
```
#1c2131
```
#1c2131 rgb(28,33,49)
```
#23293e
```
#23293e rgb(35,41,62)
```
#2a314b
```
#2a314b rgb(42,49,75)
```
#313a57
```
#313a57 rgb(49,58,87)
```
#384264
```
#384264 rgb(56,66,100)
```
#3f4a70
```
#3f4a70 rgb(63,74,112)
```
#46527d
```
#46527d rgb(70,82,125)
```
#4d5b89
```
#4d5b89 rgb(77,91,137)
```
#546396
```
#546396 rgb(84,99,150)
```
#5b6ba3
```
#5b6ba3 rgb(91,107,163)
```

Shade Color Variation

#6776aa
```
#6776aa rgb(103,118,170)
```
#7482b1
```
#7482b1 rgb(116,130,177)
```
#808db8
```
#808db8 rgb(128,141,184)
```
#8d98bf
```
#8d98bf rgb(141,152,191)
```
#9aa4c6
```
#9aa4c6 rgb(154,164,198)
```
#a6afcd
```
#a6afcd rgb(166,175,205)
```
#b3bad4
```
#b3bad4 rgb(179,186,212)
```
#bfc6db
```
#bfc6db rgb(191,198,219)
```
#ccd1e2
```
#ccd1e2 rgb(204,209,226)
```
#d8dce9
```
#d8dce9 rgb(216,220,233)
```
#e5e8f0
```
#e5e8f0 rgb(229,232,240)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f727b is the less saturated color, while #0337e7 is the most saturated one.

#6f727b
```
#6f727b rgb(111,114,123)
```
#666d84
```
#666d84 rgb(102,109,132)
```
#5d688d
```
#5d688d rgb(93,104,141)
```
#546396
```
#546396 rgb(84,99,150)
```
#4b5e9f
```
#4b5e9f rgb(75,94,159)
```
#4259a8
```
#4259a8 rgb(66,89,168)
```
#3954b1
```
#3954b1 rgb(57,84,177)
```
#304fba
```
#304fba rgb(48,79,186)
```
#274ac3
```
#274ac3 rgb(39,74,195)
```
#1e46cc
```
#1e46cc rgb(30,70,204)
```
#1541d5
```
#1541d5 rgb(21,65,213)
```
#0c3cde
```
#0c3cde rgb(12,60,222)
```
#0337e7
```
#0337e7 rgb(3,55,231)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#61646e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6b9b Protanopia 1% of men
#576c9a Deuteranopia 1% of men
#51727a Tritanopia 0.001% of the population

Trichromacy

#586899 Protanomaly 1% of men, 0.01% of women
#566899 Deuteranomaly 6% of men, 0.4% of women
#526c84 Tritanomaly 0.01% of the population

#546396 hex color

#546396 Color Information

#546396 Color Conversion

Color Schemes with #546396

Alternatives to #546396

#546396 Preview

Shades and Tints of #546396

Tones of #546396

Color Blindness Simulator