#2A697B Color

Color Information

HEX#2A697B
RGB42, 105, 123
HSL193° , 49% , 32%
HSV193° , 66% , 48%
CMYK66%, 15%, 0%, 52%

Lighter Shades

#447B8B #5D8D9B #779FAB #90B1BA #AAC3CA #C3D5DA

Darker Shades

#255C6C #20505D #1B434F #163740 #112A31 #0C1D22

Complementary Palette

#245A6A #2A697B #693324 #7A3B2A #8D5648 #487E8D

Analogous Palette

#376256 #3A695C #276374 #2A697B #3A4769 #4E5873

Triadic Palette

#255C6C #2A697B #82216B #913C7D #6B8221 #5E721D

Split Complementary Palette

#265F6F #2A697B #7A2A40 #873F53 #7A632A #6E5926

Square Palette

#235867 #2A697B #5F3271 #714032 #407A2A #5F8F4C

Tetradic Palette

#225665 #2A697B #331B88 #7A3B2A #6F881B #899D44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A697B contains 42 red, 105 green, and 123 blue.

Contrast Ratio: 6.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.4:1