#546b7e hex color

In a RGB color space, hex #546b7e is composed of 32.9% red, 42% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 15.1% magenta, 0% yellow and 50.6% black. It has a hue angle of 207.1 degrees, a saturation of 20% and a lightness of 41.2%. #546b7e color hex could be obtained by blending #a8d6fc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 42
- B 49
RGB color chart
- C 33
- M 15
- Y 0
- K 51
CMYK color chart

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

The hexadecimal color #546b7e has RGB values of R:84, G:107, B:126 and CMYK values of C:0.33, M:0.15, Y:0, K:0.51. Its decimal value is 5532542.

Hex triplet	546b7e	`#546b7e`
RGB Decimal	84, 107, 126	`rgb(84,107,126)`
RGB Percent	32.9, 42, 49.4	`rgb(32.9%,42%,49.4%)`
CMYK	33, 15, 0, 51
HSL	207.1°, 20, 41.2	`hsl(207.1,20%,41.2%)`
HSV (or HSB)	207.1°, 33.3, 49.4
Web Safe	666666	`#666666`

CIE-LAB	44.098, -3.567, -13.302
XYZ	12.679, 13.906, 21.754
xyY	0.262, 0.288, 13.906
CIE-LCH	44.098, 13.772, 254.991
CIE-LUV	44.098, -11.948, -18.083
Hunter-Lab	37.291, -4.569, -8.483
Binary	01010100, 01101011, 01111110

#546b7e
```
#546b7e rgb(84,107,126)
```
#7e6754
```
#7e6754 rgb(126,103,84)
```

Complementary Color

#547e7c
```
#547e7c rgb(84,126,124)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#54567e
```
#54567e rgb(84,86,126)
```

Analogous Color

#7e7c54
```
#7e7c54 rgb(126,124,84)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#7e5456
```
#7e5456 rgb(126,84,86)
```

Split Complementary Color

#6b7e54
```
#6b7e54 rgb(107,126,84)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#7e546b
```
#7e546b rgb(126,84,107)
```

Triadic Color

#547e67
```
#547e67 rgb(84,126,103)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#7e546b
```
#7e546b rgb(126,84,107)
```
#7e6754
```
#7e6754 rgb(126,103,84)
```

Tetradic Color

#354450
```
#354450 rgb(53,68,80)
```
#40515f
```
#40515f rgb(64,81,95)
```
#4a5e6f
```
#4a5e6f rgb(74,94,111)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#5e788d
```
#5e788d rgb(94,120,141)
```
#6a859b
```
#6a859b rgb(106,133,155)
```
#7991a6
```
#7991a6 rgb(121,145,166)
```

Monochromatic Color

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

#54767e
```
#54767e rgb(84,118,126)
```
#54727e
```
#54727e rgb(84,114,126)
```
#546f7e
```
#546f7e rgb(84,111,126)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#54687e
```
#54687e rgb(84,104,126)
```
#54647e
```
#54647e rgb(84,100,126)
```
#54617e
```
#54617e rgb(84,97,126)
```

Similar Colors

Text with hexadecimal color #546b7e

This text has a font color of #546b7e.

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

#546b7e background color

This paragraph has a background color of #546b7e.

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

#546b7e border color

This element has a border color of #546b7e.

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

CSS codes

.text {color:#546b7e;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0d1114
```
#0d1114 rgb(13,17,20)
```
#151b20
```
#151b20 rgb(21,27,32)
```
#1d252c
```
#1d252c rgb(29,37,44)
```
#252f37
```
#252f37 rgb(37,47,55)
```
#2d3943
```
#2d3943 rgb(45,57,67)
```
#35434f
```
#35434f rgb(53,67,79)
```
#3c4d5b
```
#3c4d5b rgb(60,77,91)
```
#445766
```
#445766 rgb(68,87,102)
```
#4c6172
```
#4c6172 rgb(76,97,114)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#5c758a
```
#5c758a rgb(92,117,138)
```
#647f96
```
#647f96 rgb(100,127,150)
```

Shade Color Variation

#6e899f
```
#6e899f rgb(110,137,159)
```
#7a92a6
```
#7a92a6 rgb(122,146,166)
```
#869cae
```
#869cae rgb(134,156,174)
```
#92a6b6
```
#92a6b6 rgb(146,166,182)
```
#9dafbe
```
#9dafbe rgb(157,175,190)
```
#a9b9c6
```
#a9b9c6 rgb(169,185,198)
```
#b5c2ce
```
#b5c2ce rgb(181,194,206)
```
#c1ccd5
```
#c1ccd5 rgb(193,204,213)
```
#ccd6dd
```
#ccd6dd rgb(204,214,221)
```
#d8dfe5
```
#d8dfe5 rgb(216,223,229)
```
#e4e9ed
```
#e4e9ed rgb(228,233,237)
```
#f0f3f5
```
#f0f3f5 rgb(240,243,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64696e is the less saturated color, while #0373cf is the most saturated one.

#64696e
```
#64696e rgb(100,105,110)
```
#5c6a76
```
#5c6a76 rgb(92,106,118)
```
#546b7e
```
#546b7e rgb(84,107,126)
```
#4c6c86
```
#4c6c86 rgb(76,108,134)
```
#446d8e
```
#446d8e rgb(68,109,142)
```
#3c6d96
```
#3c6d96 rgb(60,109,150)
```
#346e9e
```
#346e9e rgb(52,110,158)
```
#2c6fa6
```
#2c6fa6 rgb(44,111,166)
```
#2470ae
```
#2470ae rgb(36,112,174)
```
#1b70b7
```
#1b70b7 rgb(27,112,183)
```
#1371bf
```
#1371bf rgb(19,113,191)
```
#0b72c7
```
#0b72c7 rgb(11,114,199)
```
#0373cf
```
#0373cf rgb(3,115,207)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62676b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f82 Protanopia 1% of men
#6e6d86 Deuteranopia 1% of men
#5a747c Tritanopia 0.001% of the population

Trichromacy

#636d80 Protanomaly 1% of men, 0.01% of women
#646c83 Deuteranomaly 6% of men, 0.4% of women
#58707d Tritanomaly 0.01% of the population

#546b7e hex color

#546b7e Color Information

#546b7e Color Conversion

Color Schemes with #546b7e

Alternatives to #546b7e

#546b7e Preview

Shades and Tints of #546b7e

Tones of #546b7e

Color Blindness Simulator