#2A6B78 Color

Color Information

HEX#2A6B78
RGB42, 107, 120
HSL190° , 48% , 32%
HSV190° , 65% , 47%
CMYK65%, 11%, 0%, 53%

Lighter Shades

#447D88 #5D8F98 #77A0A9 #90B2B9 #AAC4C9 #C3D6D9

Darker Shades

#255E6A #20515B #1B444D #16383E #112B30 #0C1E22

Complementary Palette

#245C67 #2A6B78 #682F24 #79372A #8C5348 #48808B

Analogous Palette

#355F51 #3B6859 #276571 #2A6B78 #3B4B68 #4D596F

Triadic Palette

#255E6A #2A6B78 #812271 #903D82 #718122 #63721E

Split Complementary Palette

#26606C #2A6B78 #792A45 #863F58 #795F2A #6D5626

Square Palette

#235A65 #2A6B78 #5C3371 #713D33 #45792A #638E4C

Tetradic Palette

#225862 #2A6B78 #2E1C87 #79372A #76871C #8F9D45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6B78 contains 42 red, 107 green, and 120 blue.

Contrast Ratio: 6.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.47:1