#2A5969 Color

Color Information

HEX#2A5969
RGB42, 89, 105
HSL195° , 43% , 29%
HSV195° , 60% , 41%
CMYK60%, 15%, 0%, 59%

Lighter Shades

#446D7B #5D818D #77959F #90A9B1 #AABDC3 #C3D1D5

Darker Shades

#254E5C #204450 #1B3943 #162E37 #11242A #0C191D

Complementary Palette

#244D5A #2A5969 #5B3224 #6A3A2A #7F5648 #48707E

Analogous Palette

#35554D #395B52 #275463 #2A5969 #39415B #4C5367

Triadic Palette

#254E5C #2A5969 #71235E #823D71 #5E7123 #53631F

Split Complementary Palette

#26505F #2A5969 #6A2A3A #793F4E #6A5A2A #5F5126

Square Palette

#234B58 #2A5969 #563262 #623E32 #3A6A2A #5A824C

Tetradic Palette

#224956 #2A5969 #331D77 #6A3A2A #61771D #7D8F46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5969 contains 42 red, 89 green, and 105 blue.

Contrast Ratio: 7.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1