#2A4296 Color

Color Information

HEX	#2A4296
RGB	42, 66, 150
HSL	227° , 56% , 38%
HSV	227° , 72% , 59%
CMYK	72%, 56%, 0%, 41%

Lighter Shades

#4459A3 #5D6FAF #7786BC #909DC8 #AAB3D5 #C3CAE2

Darker Shades

#253A84 #203272 #1B2A60 #16224E #111A3C #0C122A

Complementary Palette

#243981 #2A4296 #826E25 #97802B #A69249 #485CA5

Analogous Palette

#3A6678 #3E7084 #273E8D #2A4296 #523E84 #625289

Triadic Palette

#253A84 #2A4296 #A1213D #AC3C54 #3DA121 #368E1D

Split Complementary Palette

#263B87 #2A4296 #97492B #A15B40 #78972B #6C8827

Square Palette

#23377E #2A4296 #8D3474 #8D7A34 #2B9749 #4DA866

Tetradic Palette

#22367B #2A4296 #8A19A9 #97802B #38A919 #5CB842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4296 contains 42 red, 66 green, and 150 blue.

Contrast Ratio: 9.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1