#2C68A1 Color

Color Information

HEX#2C68A1
RGB44, 104, 161
HSL209° , 57% , 40%
HSV209° , 73% , 63%
CMYK73%, 35%, 0%, 37%

Lighter Shades

#457AAC #5F8CB8 #789EC3 #91B0CE #ABC3D9 #C4D5E5

Darker Shades

#275C8E #214F7A #1C4367 #173654 #122A40 #0C1D2D

Complementary Palette

#26598A #2C68A1 #8A5626 #A0642C #AD7A4A #4A7DAE

Analogous Palette

#3B8180 #408C8A #296297 #2C68A1 #40428C #545592

Triadic Palette

#275C8E #2C68A1 #AA2268 #B43D7A #68AA22 #5C961E

Split Complementary Palette

#285E91 #2C68A1 #A02C2E #AA4143 #A09E2C #908E28

Square Palette

#255787 #2C68A1 #943696 #966436 #2EA02C #4FAF4E

Tetradic Palette

#245584 #2C68A1 #631AB3 #A0642C #69B31A #84C143

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C68A1 contains 44 red, 104 green, and 161 blue.

Contrast Ratio: 5.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1