#645A7D Color

Color Information

HEX#645A7D
RGB100, 90, 125
HSL257° , 16% , 42%
HSV257° , 28% , 49%
CMYK20%, 28%, 0%, 51%

Lighter Shades

#776E8D #89829C #9C95AC #AEA9BB #C1BDCB #D4D1DB

Darker Shades

#584F6E #4C445F #403A50 #342F41 #282432 #1C1923

Complementary Palette

#564D6C #645A7D #636B4D #737C5A #878E71 #7A718F

Analogous Palette

#555A72 #5B617B #5E5576 #645A7D #755B7B #806487

Triadic Palette

#584F6E #645A7D #87604F #957364 #4F8760 #467754

Split Complementary Palette

#5A5171 #645A7D #7C755A #89836B #617C5A #577051

Square Palette

#544C69 #645A7D #7B5B61 #737B5B #5A7C75 #74918B

Tetradic Palette

#524A67 #645A7D #90477C #737C5A #47905D #68A47A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #645A7D contains 100 red, 90 green, and 125 blue.

Contrast Ratio: 6.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1