#2A656D Color

Color Information

HEX#2A656D
RGB42, 101, 109
HSL187° , 44% , 30%
HSV187° , 61% , 43%
CMYK61%, 7%, 0%, 57%

Lighter Shades

#44777F #5D8A90 #779CA2 #90AFB3 #AAC1C5 #C3D4D6

Darker Shades

#255960 #204D53 #1B4146 #163539 #11282C #0C1C1F

Complementary Palette

#24575E #2A656D #5F2C25 #6E332B #825049 #487B81

Analogous Palette

#37584B #3A5F51 #275F66 #2A656D #3A485F #4E596A

Triadic Palette

#255960 #2A656D #76236C #863D7E #6C7623 #5F681F

Split Complementary Palette

#265B62 #2A656D #6E2B45 #7D4058 #6E542B #634C27

Square Palette

#23555C #2A656D #533267 #673932 #456E2B #63854D

Tetradic Palette

#225359 #2A656D #281D7C #6E332B #717C1D #8B9446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A656D contains 42 red, 101 green, and 109 blue.

Contrast Ratio: 6.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.17:1