#3F59A6 Color

Color Information

HEX#3F59A6
RGB63, 89, 166
HSL225° , 45% , 45%
HSV225° , 62% , 65%
CMYK62%, 46%, 0%, 35%

Lighter Shades

#566DB1 #6D81BB #8495C6 #9BA9D1 #B2BDDB #C9D1E6

Darker Shades

#374E92 #30447E #28396A #212E56 #192442 #12192E

Complementary Palette

#364D8F #3F59A6 #8F7936 #A68D3F #B29D5A #5A70B2

Analogous Palette

#4E7683 #56818F #3B549C #3F59A6 #64568F #726693

Triadic Palette

#374E92 #3F59A6 #B23453 #BB4C68 #53B234 #499D2E

Split Complementary Palette

#395095 #3F59A6 #A6593F #AF6A52 #8DA63F #7F9539

Square Palette

#354B8B #3F59A6 #9B4B87 #9B874B #3FA659 #5EB474

Tetradic Palette

#344988 #3F59A6 #972ABB #A68D3F #4FBB2A #6FC750

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F59A6 contains 63 red, 89 green, and 166 blue.

Contrast Ratio: 6.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.17:1