#546A7E Color

Color Information

HEX#546A7E
RGB84, 106, 126
HSL209° , 20% , 41%
HSV209° , 33% , 49%
CMYK33%, 16%, 0%, 51%

Lighter Shades

#697C8D #7D8E9D #92A0AC #A6B2BC #BBC3CB #CFD5DB

Darker Shades

#4A5D6F #405160 #364451 #2C3742 #222A32 #181E23

Complementary Palette

#485B6C #546A7E #6C5948 #7D6854 #8F7D6C #6C7F90

Analogous Palette

#526F6F #597878 #4F6476 #546A7E #595978 #646487

Triadic Palette

#4A5D6F #546A7E #88496A #965F7C #6A8849 #5D7840

Split Complementary Palette

#4C5F71 #546A7E #7D5454 #8A6565 #7D7D54 #71714C

Square Palette

#47596A #546A7E #785978 #786859 #547D54 #6F926F

Tetradic Palette

#455767 #546A7E #674190 #7D6854 #6A9041 #85A463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #546A7E contains 84 red, 106 green, and 126 blue.

Contrast Ratio: 5.6:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.75:1