#2A646E Color

Color Information

HEX#2A646E
RGB42, 100, 110
HSL189° , 45% , 30%
HSV189° , 62% , 43%
CMYK62%, 9%, 0%, 57%

Lighter Shades

#44777F #5D8991 #779CA2 #90AEB4 #AAC1C5 #C3D4D6

Darker Shades

#255861 #204C54 #1B4046 #163439 #11282C #0C1C1F

Complementary Palette

#24565F #2A646E #5F2D24 #6F342A #835048 #487A82

Analogous Palette

#36594D #396052 #275E67 #2A646E #394760 #4E586A

Triadic Palette

#255861 #2A646E #77226A #873D7C #6A7722 #5D691E

Split Complementary Palette

#265A63 #2A646E #6F2A42 #7D3F55 #6F572A #644E26

Square Palette

#23545C #2A646E #553267 #673A32 #426F2A #60864C

Tetradic Palette

#22525A #2A646E #2B1C7D #6F342A #6E7D1C #889445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A646E contains 42 red, 100 green, and 110 blue.

Contrast Ratio: 6.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.13:1