#645F86 Color

Color Information

HEX#645F86
RGB100, 95, 134
HSL248° , 17% , 45%
HSV248° , 29% , 53%
CMYK25%, 29%, 0%, 47%

Lighter Shades

#777295 #8985A3 #9C99B2 #AEACC0 #C1BFCF #D4D2DD

Darker Shades

#585476 #4C4866 #403D56 #343146 #282636 #1C1B26

Complementary Palette

#565273 #645F86 #6F7352 #81865F #939775 #7A7597

Analogous Palette

#596578 #626F84 #5E597E #645F86 #776284 #826A90

Triadic Palette

#585476 #645F86 #925C54 #9F7069 #54925C #4A8051

Split Complementary Palette

#5A5679 #645F86 #86785F #92866F #6E865F #637956

Square Palette

#545071 #645F86 #84626F #7F8462 #5F8678 #79998E

Tetradic Palette

#524E6E #645F86 #9B4B90 #81865F #4B9B55 #6BAD74

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #645F86 contains 100 red, 95 green, and 134 blue.

Contrast Ratio: 5.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.52:1