#3F5995 Color

Color Information

HEX	#3F5995
RGB	63, 89, 149
HSL	222° , 41% , 42%
HSV	222° , 58% , 58%
CMYK	58%, 40%, 0%, 42%

Lighter Shades

#566DA2 #6D81AE #8495BB #9BA9C8 #B2BDD5 #C9D1E1

Darker Shades

#374E83 #304471 #28395F #212E4D #19243C #12192A

Complementary Palette

#364D80 #3F5995 #826C36 #977D3F #A68F5A #5A70A4

Analogous Palette

#4F6F78 #557982 #3B548C #3F5995 #5E5582 #6B6487

Triadic Palette

#374E83 #3F5995 #A23455 #AD4C69 #55A234 #4B8F2E

Split Complementary Palette

#395086 #3F5995 #97513F #A16252 #85973F #788839

Square Palette

#354B7D #3F5995 #8C4A7F #8C784A #3F9751 #5EA86D

Tetradic Palette

#34497A #3F5995 #842CAA #977D3F #52AA2C #71B952

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5995 contains 63 red, 89 green, and 149 blue.

Contrast Ratio: 6.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.05:1