#301F5C Color

Color Information

HEX#301F5C
RGB48, 31, 92
HSL257° , 50% , 24%
HSV257° , 66% , 36%
CMYK48%, 66%, 0%, 64%

Lighter Shades

#493A70 #625583 #7B7097 #938BAA #ACA5BE #C5C0D1

Darker Shades

#2A1B51 #241846 #1F143B #191030 #130C25 #0D091A

Complementary Palette

#291B4F #301F5C #404F1B #4A5C1F #63733E #4D3E73

Analogous Palette

#282E48 #2B3350 #2D1D56 #301F5C #482B50 #534059

Triadic Palette

#2A1B51 #301F5C #622D18 #754634 #18622D #155628

Split Complementary Palette

#2B1C53 #301F5C #5C4F1F #6C6135 #2C5C1F #28531C

Square Palette

#281A4D #301F5C #56252F #475625 #1F5C4F #43766B

Tetradic Palette

#27194B #301F5C #67144E #4A5C1F #14672B #3E8251

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #301F5C contains 48 red, 31 green, and 92 blue.

Contrast Ratio: 15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.4:1