#2A365F Color

Color Information

HEX#2A365F
RGB42, 54, 95
HSL226° , 39% , 27%
HSV226° , 56% , 37%
CMYK56%, 43%, 0%, 63%

Lighter Shades

#444E72 #5D6685 #777E99 #9096AC #AAAFBF #C3C7D2

Darker Shades

#253054 #202948 #1B233D #161C31 #111626 #0C0F1B

Complementary Palette

#242E52 #2A365F #534724 #60532A #766B48 #485275

Analogous Palette

#34454C #384B52 #273359 #2A365F #3F3852 #4E4861

Triadic Palette

#253054 #2A365F #672333 #793D4B #336723 #2D5B1F

Split Complementary Palette

#263156 #2A365F #60382A #704C3F #51602A #495626

Square Palette

#232D50 #2A365F #59314E #594F31 #2A6038 #4C7958

Tetradic Palette

#222C4E #2A365F #5A1E6C #60532A #306C1E #558647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A365F contains 42 red, 54 green, and 95 blue.

Contrast Ratio: 12.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.72:1