#455F89 Color

Color Information

HEX#455F89
RGB69, 95, 137
HSL217° , 33% , 40%
HSV217° , 50% , 54%
CMYK50%, 31%, 0%, 46%

Lighter Shades

#5B7297 #7285A5 #8899B3 #9EACC2 #B5BFD0 #CBD2DE

Darker Shades

#3D5479 #344868 #2C3D58 #243147 #1C2637 #131B26

Complementary Palette

#3B5276 #455F89 #755F3A #886E44 #99825E #5F759A

Analogous Palette

#50696D #577275 #415981 #455F89 #5A5775 #666284

Triadic Palette

#3D5479 #455F89 #923A5C #9F5270 #5C923A #518033

Split Complementary Palette

#3E567B #455F89 #884C44 #945E57 #808844 #737A3D

Square Palette

#3A5073 #455F89 #7D4F78 #7D6B4F #44884C #629B69

Tetradic Palette

#394E70 #455F89 #72329A #886E44 #5A9A32 #78AC57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #455F89 contains 69 red, 95 green, and 137 blue.

Contrast Ratio: 6.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1