#2A616F Color

Color Information

HEX#2A616F
RGB42, 97, 111
HSL192° , 45% , 30%
HSV192° , 62% , 44%
CMYK62%, 13%, 0%, 56%

Lighter Shades

#447480 #5D8792 #779AA3 #90ADB4 #AAC0C5 #C3D3D7

Darker Shades

#255562 #204A54 #1B3E47 #16323A #11272C #0C1B1F

Complementary Palette

#24535F #2A616F #5F3024 #6F382A #835448 #487783

Analogous Palette

#36594F #396054 #275B68 #2A616F #394560 #4E566A

Triadic Palette

#255562 #2A616F #772266 #873D78 #667722 #5A691E

Split Complementary Palette

#265764 #2A616F #6F2A3F #7D3F52 #6F5A2A #645126

Square Palette

#23515D #2A616F #573267 #673C32 #3F6F2A #5E864C

Tetradic Palette

#22505B #2A616F #301C7D #6F382A #697D1C #849445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A616F contains 42 red, 97 green, and 111 blue.

Contrast Ratio: 6.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.02:1