#2A6776 Color

Color Information

HEX#2A6776
RGB42, 103, 118
HSL192° , 48% , 31%
HSV192° , 64% , 46%
CMYK64%, 13%, 0%, 54%

Lighter Shades

#447986 #5D8B97 #779EA7 #90B0B8 #AAC2C8 #C3D4D9

Darker Shades

#255B68 #204E5A #1B424C #16363D #11292F #0C1D21

Complementary Palette

#245965 #2A6776 #653023 #753829 #885447 #487C89

Analogous Palette

#355F52 #396558 #27616F #2A6776 #394665 #4B556C

Triadic Palette

#255B68 #2A6776 #7D216B #8D3C7D #6B7D21 #5E6E1D

Split Complementary Palette

#265D6A #2A6776 #752940 #833E53 #755E29 #695525

Square Palette

#235763 #2A6776 #5B316D #6D3D31 #407529 #5F8B4B

Tetradic Palette

#225461 #2A6776 #301B83 #753829 #6E831B #889944

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6776 contains 42 red, 103 green, and 118 blue.

Contrast Ratio: 6.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1