#3F305A Color

Color Information

HEX#3F305A
RGB63, 48, 90
HSL261° , 30% , 27%
HSV261° , 47% , 35%
CMYK30%, 47%, 0%, 65%

Lighter Shades

#56496E #6D6282 #847B95 #9B93A9 #B2ACBD #C9C5D1

Darker Shades

#372A4F #302444 #281F3A #21192F #191324 #120D19

Complementary Palette

#36294D #3F305A #414D29 #4B5A30 #64714D #5A4D71

Analogous Palette

#363949 #3B3E4F #3B2D55 #3F305A #4C3B4F #5D4861

Triadic Palette

#372A4F #3F305A #603D29 #735443 #29603D #245436

Split Complementary Palette

#392B51 #3F305A #5A5330 #6B6445 #365A30 #31512B

Square Palette

#35284C #3F305A #53373B #495337 #305A53 #51746F

Tetradic Palette

#34274A #3F305A #66244F #4B5A30 #24663B #4B825E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F305A contains 63 red, 48 green, and 90 blue.

Contrast Ratio: 12.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.71:1