#3F537D Color

Color Information

HEX#3F537D
RGB63, 83, 125
HSL221° , 33% , 37%
HSV221° , 50% , 49%
CMYK50%, 34%, 0%, 51%

Lighter Shades

#56688D #6D7C9C #8491AC #9BA6BB #B2BACB #C9CFDB

Darker Shades

#37496E #303F5F #283550 #212B41 #192132 #121723

Complementary Palette

#36476C #3F537D #6C5B36 #7D6A3F #8F7F5A #5A6B8F

Analogous Palette

#4A5F64 #50676D #3B4E76 #3F537D #56506D #615B7B

Triadic Palette

#37496E #3F537D #87364F #954E64 #4F8736 #467730

Split Complementary Palette

#394B71 #3F537D #7D4B3F #8A5D52 #727D3F #677139

Square Palette

#354669 #3F537D #74496C #746749 #3F7D4B #5E9268

Tetradic Palette

#344467 #3F537D #722E8E #7D6A3F #4D8E2E #6DA254

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F537D contains 63 red, 83 green, and 125 blue.

Contrast Ratio: 7.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1