#2A6E95 Color

Color Information

HEX	#2A6E95
RGB	42, 110, 149
HSL	202° , 56% , 37%
HSV	202° , 72% , 58%
CMYK	72%, 26%, 0%, 42%

Lighter Shades

#447FA2 #5D91AE #77A2BB #90B4C8 #AAC5D5 #C3D6E1

Darker Shades

#256183 #205471 #1B465F #16394D #112C3C #0C1F2A

Complementary Palette

#245F80 #2A6E95 #7E4524 #93502A #A26948 #4882A4

Analogous Palette

#38756D #3C8077 #27678C #2A6E95 #3C4580 #505786

Triadic Palette

#256183 #2A6E95 #9D206F #A93B80 #6F9D20 #628A1C

Split Complementary Palette

#266386 #2A6E95 #932A38 #9E3F4C #93852A #847826

Square Palette

#235C7D #2A6E95 #7E338A #8A5333 #38932A #58A44C

Tetradic Palette

#225A7A #2A6E95 #4C19A4 #93502A #71A419 #8BB442

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6E95 contains 42 red, 110 green, and 149 blue.

Contrast Ratio: 5.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1