#2C69A4 Color

Color Information

HEX#2C69A4
RGB44, 105, 164
HSL210° , 58% , 41%
HSV210° , 73% , 64%
CMYK73%, 36%, 0%, 36%

Lighter Shades

#457BAF #5F8DBA #789FC5 #91B1D0 #ABC3DB #C4D5E6

Darker Shades

#275C90 #21507D #1C4369 #173755 #122A42 #0C1D2E

Complementary Palette

#265A8D #2C69A4 #8E5A26 #A5692C #B27E4A #4A7EB1

Analogous Palette

#3C8686 #419090 #29639A #2C69A4 #414190 #545496

Triadic Palette

#275C90 #2C69A4 #B02169 #B93C7B #69B021 #5C9B1D

Split Complementary Palette

#285F94 #2C69A4 #A52C2C #AE4141 #A5A52C #959528

Square Palette

#25588A #2C69A4 #9B369B #9B6936 #2CA52C #4EB34E

Tetradic Palette

#245686 #2C69A4 #6919B8 #A5692C #69B819 #84C542

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C69A4 contains 44 red, 105 green, and 164 blue.

Contrast Ratio: 5.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1