#454C82 Color

Color Information

HEX#454C82
RGB69, 76, 130
HSL233° , 31% , 39%
HSV233° , 47% , 51%
CMYK47%, 42%, 0%, 49%

Lighter Shades

#5B6191 #7277A0 #888CAF #9EA2BE #B5B7CD #CBCDDC

Darker Shades

#3D4372 #343A63 #2C3153 #242844 #1C1E34 #131524

Complementary Palette

#3B4170 #454C82 #706A3B #827B45 #948D5F #5F6594

Analogous Palette

#4E5F6A #556772 #41477A #454C82 #605572 #6C5F81

Triadic Palette

#3D4372 #454C82 #8C3B44 #9A535A #448C3B #3C7B34

Split Complementary Palette

#3E4475 #454C82 #825C45 #8F6C58 #6B8245 #60753E

Square Palette

#3A406D #454C82 #784F68 #78734F #45825C #639676

Tetradic Palette

#393E6B #454C82 #893394 #827B45 #3E9433 #61A758

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #454C82 contains 69 red, 76 green, and 130 blue.

Contrast Ratio: 8.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.57:1