#2A3F97 Color

Color Information

HEX#2A3F97
RGB42, 63, 151
HSL228° , 56% , 38%
HSV228° , 72% , 59%
CMYK72%, 58%, 0%, 41%

Lighter Shades

#4456A3 #5D6DB0 #7784BC #909BC9 #AAB2D5 #C3C9E2

Darker Shades

#253785 #203073 #1B2861 #16214F #11193C #0C122A

Complementary Palette

#243682 #2A3F97 #826F25 #97812B #A69349 #485AA6

Analogous Palette

#3A6678 #3E6F84 #273B8E #2A3F97 #533E84 #635289

Triadic Palette

#253785 #2A3F97 #A1213B #AC3C53 #3BA121 #348E1D

Split Complementary Palette

#263988 #2A3F97 #974B2B #A15D40 #77972B #6B8827

Square Palette

#23357F #2A3F97 #8D3473 #8D7C34 #2B974B #4DA868

Tetradic Palette

#22347C #2A3F97 #8C19A9 #97812B #36A919 #5AB842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3F97 contains 42 red, 63 green, and 151 blue.

Contrast Ratio: 9.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1