#454D77 Color

Color Information

HEX#454D77
RGB69, 77, 119
HSL230° , 27% , 37%
HSV230° , 42% , 47%
CMYK42%, 35%, 0%, 53%

Lighter Shades

#5B6287 #727898 #888DA8 #9EA2B8 #B5B8C9 #CBCDD9

Darker Shades

#3D4469 #343B5A #2C314C #24283E #1C1F30 #131621

Complementary Palette

#3B4266 #454D77 #675F3B #786F45 #8B835F #5F668A

Analogous Palette

#4A5B64 #50636D #414870 #454D77 #5A506D #665B7B

Triadic Palette

#3D4469 #454D77 #813B46 #90535C #46813B #3E7234

Split Complementary Palette

#3E456B #454D77 #785645 #866758 #677845 #5D6C3E

Square Palette

#3A4164 #454D77 #6E4E64 #6E694E #457856 #638E71

Tetradic Palette

#393F62 #454D77 #793489 #786F45 #418934 #639E59

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #454D77 contains 69 red, 77 green, and 119 blue.

Contrast Ratio: 8.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1