#2C3460 Color

Color Information

HEX#2C3460
RGB44, 52, 96
HSL231° , 37% , 27%
HSV231° , 54% , 38%
CMYK54%, 46%, 0%, 62%

Lighter Shades

#454C73 #5F6586 #787D99 #9195AC #ABAEBF #C4C6D2

Darker Shades

#272E54 #212849 #1C213D #171B32 #121526 #0C0F1B

Complementary Palette

#262D53 #2C3460 #514B25 #5E572B #756F49 #4A5076

Analogous Palette

#35434B #394851 #29315A #2C3460 #413951 #514861

Triadic Palette

#272E54 #2C3460 #65242E #773E47 #2E6524 #285920

Split Complementary Palette

#282F56 #2C3460 #5E3D2B #6E5040 #4C5E2B #445527

Square Palette

#252C51 #2C3460 #57324A #575232 #2B5E3D #4D785C

Tetradic Palette

#242B4F #2C3460 #611F6B #5E572B #2A6B1F #508647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3460 contains 44 red, 52 green, and 96 blue.

Contrast Ratio: 12.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.69:1