#546a96 hex color

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

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

● #546a96 color description : Mostly desaturated dark blue.

The hexadecimal color #546a96 has RGB values of R:84, G:106, B:150 and CMYK values of C:0.44, M:0.29, Y:0, K:0.41. Its decimal value is 5532310.

Hex triplet	546a96	`#546a96`
RGB Decimal	84, 106, 150	`rgb(84,106,150)`
RGB Percent	32.9, 41.6, 58.8	`rgb(32.9%,41.6%,58.8%)`
CMYK	44, 29, 0, 41
HSL	220°, 28.2, 45.9	`hsl(220,28.2%,45.9%)`
HSV (or HSB)	220°, 44, 58.8
Web Safe	666699	`#666699`

CIE-LAB	44.793, 3.978, -26.581
XYZ	14.314, 14.394, 30.877
xyY	0.24, 0.242, 14.394
CIE-LCH	44.793, 26.877, 278.512
CIE-LUV	44.793, -11.937, -39.062
Hunter-Lab	37.94, 0.95, -21.694
Binary	01010100, 01101010, 10010110

#546a96
```
#546a96 rgb(84,106,150)
```
#968054
```
#968054 rgb(150,128,84)
```

Complementary Color

#548b96
```
#548b96 rgb(84,139,150)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#5f5496
```
#5f5496 rgb(95,84,150)
```

Analogous Color

#8b9654
```
#8b9654 rgb(139,150,84)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#965f54
```
#965f54 rgb(150,95,84)
```

Split Complementary Color

#6a9654
```
#6a9654 rgb(106,150,84)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#96546a
```
#96546a rgb(150,84,106)
```

Triadic Color

#549680
```
#549680 rgb(84,150,128)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#96546a
```
#96546a rgb(150,84,106)
```
#968054
```
#968054 rgb(150,128,84)
```

Tetradic Color

#394765
```
#394765 rgb(57,71,101)
```
#425375
```
#425375 rgb(66,83,117)
```
#4b5e86
```
#4b5e86 rgb(75,94,134)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#5e76a5
```
#5e76a5 rgb(94,118,165)
```
#6f84ae
```
#6f84ae rgb(111,132,174)
```
#7f92b7
```
#7f92b7 rgb(127,146,183)
```

Monochromatic Color

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

#547b96
```
#547b96 rgb(84,123,150)
```
#547596
```
#547596 rgb(84,117,150)
```
#547096
```
#547096 rgb(84,112,150)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#546596
```
#546596 rgb(84,101,150)
```
#545f96
```
#545f96 rgb(84,95,150)
```
#545a96
```
#545a96 rgb(84,90,150)
```

Similar Colors

Text with hexadecimal color #546a96

This text has a font color of #546a96.

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

#546a96 background color

This paragraph has a background color of #546a96.

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

#546a96 border color

This element has a border color of #546a96.

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

CSS codes

.text {color:#546a96;}

.background {background-color:#546a96;}

.border {border:1px solid #546a96;}

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)
```
#0e1118
```
#0e1118 rgb(14,17,24)
```
#151a25
```
#151a25 rgb(21,26,37)
```
#1c2331
```
#1c2331 rgb(28,35,49)
```
#232c3e
```
#232c3e rgb(35,44,62)
```
#2a354b
```
#2a354b rgb(42,53,75)
```
#313e57
```
#313e57 rgb(49,62,87)
```
#384664
```
#384664 rgb(56,70,100)
```
#3f4f70
```
#3f4f70 rgb(63,79,112)
```
#46587d
```
#46587d rgb(70,88,125)
```
#4d6189
```
#4d6189 rgb(77,97,137)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#5b73a3
```
#5b73a3 rgb(91,115,163)
```

Shade Color Variation

#677daa
```
#677daa rgb(103,125,170)
```
#7488b1
```
#7488b1 rgb(116,136,177)
```
#8093b8
```
#8093b8 rgb(128,147,184)
```
#8d9ebf
```
#8d9ebf rgb(141,158,191)
```
#9aa8c6
```
#9aa8c6 rgb(154,168,198)
```
#a6b3cd
```
#a6b3cd rgb(166,179,205)
```
#b3bed4
```
#b3bed4 rgb(179,190,212)
```
#bfc9db
```
#bfc9db rgb(191,201,219)
```
#ccd3e2
```
#ccd3e2 rgb(204,211,226)
```
#d8dee9
```
#d8dee9 rgb(216,222,233)
```
#e5e9f0
```
#e5e9f0 rgb(229,233,240)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6f737b
```
#6f737b rgb(111,115,123)
```
#667084
```
#667084 rgb(102,112,132)
```
#5d6d8d
```
#5d6d8d rgb(93,109,141)
```
#546a96
```
#546a96 rgb(84,106,150)
```
#4b679f
```
#4b679f rgb(75,103,159)
```
#4264a8
```
#4264a8 rgb(66,100,168)
```
#3961b1
```
#3961b1 rgb(57,97,177)
```
#305eba
```
#305eba rgb(48,94,186)
```
#275bc3
```
#275bc3 rgb(39,91,195)
```
#1e58cc
```
#1e58cc rgb(30,88,204)
```
#1555d5
```
#1555d5 rgb(21,85,213)
```
#0c52de
```
#0c52de rgb(12,82,222)
```
#034fe7
```
#034fe7 rgb(3,79,231)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63709a Protanopia 1% of men
#61709b Deuteranopia 1% of men
#53777f Tritanopia 0.001% of the population

Trichromacy

#5e6d98 Protanomaly 1% of men, 0.01% of women
#5c6e99 Deuteranomaly 6% of men, 0.4% of women
#537287 Tritanomaly 0.01% of the population

#546a96 hex color

#546a96 Color Information

#546a96 Color Conversion

Color Schemes with #546a96

Alternatives to #546a96

#546a96 Preview

Shades and Tints of #546a96

Tones of #546a96

Color Blindness Simulator