#3F5D82 Color

Color Information

HEX#3F5D82
RGB63, 93, 130
HSL213° , 35% , 38%
HSV213° , 52% , 51%
CMYK52%, 28%, 0%, 49%

Lighter Shades

#567091 #6D84A0 #8497AF #9BABBE #B2BECD #C9D2DC

Darker Shades

#375272 #304763 #283C53 #213044 #192534 #121A24

Complementary Palette

#365070 #3F5D82 #715636 #83643F #947A5A #5A7494

Analogous Palette

#4C6567 #526D6F #3B577A #3F5D82 #54526F #5F5D7E

Triadic Palette

#375272 #3F5D82 #8D355D #9B4D70 #5D8D35 #527C2F

Split Complementary Palette

#395475 #3F5D82 #83423F #8F5552 #7F833F #727639

Square Palette

#354E6D #3F5D82 #794976 #796349 #3F8342 #5E9760

Tetradic Palette

#344C6B #3F5D82 #662E94 #83643F #5C942E #79A754

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5D82 contains 63 red, 93 green, and 130 blue.

Contrast Ratio: 6.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1