#545FA6 Color

Color Information

HEX#545FA6
RGB84, 95, 166
HSL232° , 33% , 49%
HSV232° , 49% , 65%
CMYK49%, 43%, 0%, 35%

Lighter Shades

#6972B1 #7D85BB #9299C6 #A6ACD1 #BBBFDB #CFD2E6

Darker Shades

#4A5492 #40487E #363D6A #2C3156 #222642 #181B2E

Complementary Palette

#48528F #545FA6 #8F8548 #A69B54 #B2A96C #6C75B2

Analogous Palette

#627784 #6A8290 #4F599C #545FA6 #786A90 #827599

Triadic Palette

#4A5492 #545FA6 #B34756 #BC5D6A #56B347 #4C9E3E

Split Complementary Palette

#4C5695 #545FA6 #A67254 #AF8065 #88A654 #7A954C

Square Palette

#47508B #545FA6 #9A6085 #9A9260 #54A672 #6FB489

Tetradic Palette

#454E88 #545FA6 #AC3DBD #A69B54 #4EBD3D #6EC960

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545FA6 contains 84 red, 95 green, and 166 blue.

Contrast Ratio: 5.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1