#2A5C6A Color

Color Information

HEX#2A5C6A
RGB42, 92, 106
HSL193° , 43% , 29%
HSV193° , 60% , 42%
CMYK60%, 13%, 0%, 58%

Lighter Shades

#44707C #5D838E #7797A0 #90AAB2 #AABEC3 #C3D1D5

Darker Shades

#25515D #204651 #1B3B44 #163037 #11252A #0C1A1E

Complementary Palette

#244F5B #2A5C6A #5B3024 #6A382A #7F5448 #48737F

Analogous Palette

#35554C #395B51 #275664 #2A5C6A #39435B #4C5367

Triadic Palette

#25515D #2A5C6A #712360 #823D73 #607123 #54631F

Split Complementary Palette

#26535F #2A5C6A #6A2A3C #793F50 #6A582A #5F4F26

Square Palette

#234D59 #2A5C6A #553262 #623C32 #3C6A2A #5B824C

Tetradic Palette

#224B57 #2A5C6A #301D77 #6A382A #64771D #808F46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5C6A contains 42 red, 92 green, and 106 blue.

Contrast Ratio: 7.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.81:1