#2A4246 Color

Color Information

HEX#2A4246
RGB42, 66, 70
HSL189° , 25% , 22%
HSV189° , 40% , 27%
CMYK40%, 6%, 0%, 73%

Lighter Shades

#44595C #5D6F72 #778689 #909D9F #AAB3B5 #C3CACB

Darker Shades

#253A3E #203235 #1B2A2D #162224 #111A1C #0C1214

Complementary Palette

#24393C #2A4246 #3C2824 #462E2A #604B48 #485C60

Analogous Palette

#2B3B35 #30413B #273E42 #2A4246 #303641 #3D4452

Triadic Palette

#253A3E #2A4246 #4C2446 #613E5C #464C24 #3E4320

Split Complementary Palette

#263B3F #2A4246 #462A34 #593F48 #463C2A #3F3626

Square Palette

#23373B #2A4246 #3B3041 #413230 #34462A #54644C

Tetradic Palette

#223639 #2A4246 #272050 #462E2A #495020 #6A7048

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4246 contains 42 red, 66 green, and 70 blue.

Contrast Ratio: 11.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1