#54669E Color

Color Information

HEX#54669E
RGB84, 102, 158
HSL225° , 31% , 47%
HSV225° , 47% , 62%
CMYK47%, 35%, 0%, 38%

Lighter Shades

#6978AA #7D8BB5 #929DC1 #A6AFCD #BBC2D8 #CFD4E4

Darker Shades

#4A5A8B #404E78 #364165 #2C3552 #22293F #181D2C

Complementary Palette

#485888 #54669E #877747 #9D8A53 #AB9A6B #6C7BAC

Analogous Palette

#5D767E #66818A #4F6095 #54669E #6F668A #786F95

Triadic Palette

#4A5A8B #54669E #A9475F #B35D72 #5FA947 #54953E

Split Complementary Palette

#4C5C8E #54669E #9D6553 #A77464 #8A9D53 #7C8D4B

Square Palette

#475685 #54669E #915F84 #91845F #539D65 #6FAD7E

Tetradic Palette

#455482 #54669E #953DB3 #9D8A53 #5AB33D #78C160

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #54669E contains 84 red, 102 green, and 158 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1