#45628C Color

Color Information

HEX#45628C
RGB69, 98, 140
HSL215° , 34% , 41%
HSV215° , 51% , 55%
CMYK51%, 30%, 0%, 45%

Lighter Shades

#5B759A #7288A8 #889BB5 #9EADC3 #B5C0D1 #CBD3DF

Darker Shades

#3D567B #344A6A #2C3F5A #243349 #1C2738 #131B27

Complementary Palette

#3B5478 #45628C #785F3B #8C6E45 #9C825F #5F789C

Analogous Palette

#526D6F #597678 #415C84 #45628C #5B5978 #676487

Triadic Palette

#3D567B #45628C #973B61 #A35374 #61973B #558534

Split Complementary Palette

#3E587E #45628C #8C4B45 #985D58 #868C45 #797E3E

Square Palette

#3A5276 #45628C #824F7D #826D4F #458C4B #639E68

Tetradic Palette

#395073 #45628C #72329F #8C6E45 #5F9F32 #7CB057

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #45628C contains 69 red, 98 green, and 140 blue.

Contrast Ratio: 6.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1