#3F66A4 Color

Color Information

HEX	#3F66A4
RGB	63, 102, 164
HSL	217° , 44% , 45%
HSV	217° , 62% , 64%
CMYK	62%, 38%, 0%, 36%

Lighter Shades

#5678AF #6D8BBA #849DC5 #9BAFD0 #B2C2DB #C9D4E6

Darker Shades

#375A90 #304E7D #284169 #213555 #192942 #121D2E

Complementary Palette

#36588D #3F66A4 #8E6D37 #A57F40 #B2915B #5A7BB1

Analogous Palette

#4F7C82 #57888E #3B609A #3F66A4 #5E578E #6D6892

Triadic Palette

#375A90 #3F66A4 #B13564 #BA4D77 #64B135 #589C2F

Split Complementary Palette

#395C94 #3F66A4 #A54C40 #AE5E53 #99A540 #8A953A

Square Palette

#35568A #3F66A4 #9A4C91 #9A7C4C #40A54C #5FB369

Tetradic Palette

#345486 #3F66A4 #832CBA #A57F40 #62BA2C #7EC652

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F66A4 contains 63 red, 102 green, and 164 blue.

Contrast Ratio: 5.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1