#497E8C Color

Color Information

HEX#497E8C
RGB73, 126, 140
HSL193° , 31% , 42%
HSV193° , 48% , 55%
CMYK48%, 10%, 0%, 45%

Lighter Shades

#5F8D9A #759DA8 #8BACB5 #A0BCC3 #B6CBD1 #CCDBDF

Darker Shades

#406F7B #37606A #2F515A #264249 #1D3238 #142327

Complementary Palette

#3F6C78 #497E8C #784C40 #8C584A #9C6F63 #62909C

Analogous Palette

#557269 #5B7B72 #457684 #497E8C #5B647B #646E87

Triadic Palette

#406F7B #497E8C #973F84 #A35693 #84973F #748537

Split Complementary Palette

#42717E #497E8C #8C4A5D #985C6D #8C794A #7E6D43

Square Palette

#3D6A76 #497E8C #755582 #825E55 #5D8C4A #779E67

Tetradic Palette

#3C6773 #497E8C #4D37A0 #8C584A #89A037 #9EB15B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #497E8C contains 73 red, 126 green, and 140 blue.

Contrast Ratio: 4.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.69:1