#2A2F60 Color

Color Information

HEX#2A2F60
RGB42, 47, 96
HSL234° , 39% , 27%
HSV234° , 56% , 38%
CMYK56%, 51%, 0%, 62%

Lighter Shades

#444873 #5D6186 #777A99 #9093AC #AAACBF #C3C5D2

Darker Shades

#252954 #202449 #1B1E3D #161832 #111326 #0C0D1B

Complementary Palette

#242853 #2A2F60 #534D24 #605A2A #767148 #484C76

Analogous Palette

#34424C #384752 #272C5A #2A2F60 #423852 #514861

Triadic Palette

#252954 #2A2F60 #67232A #793D44 #2A6723 #255B1F

Split Complementary Palette

#262A56 #2A2F60 #603F2A #70523F #4A602A #435626

Square Palette

#232751 #2A2F60 #593149 #595431 #2A603F #4C795E

Tetradic Palette

#22274F #2A2F60 #631E6C #605A2A #256C1E #4C8647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A2F60 contains 42 red, 47 green, and 96 blue.

Contrast Ratio: 13.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.6:1