#2A6D97 Color

Color Information

HEX#2A6D97
RGB42, 109, 151
HSL203° , 56% , 38%
HSV203° , 72% , 59%
CMYK72%, 28%, 0%, 41%

Lighter Shades

#447FA3 #5D90B0 #77A2BC #90B3C9 #AAC5D5 #C3D6E2

Darker Shades

#256085 #205373 #1B4661 #16394F #112C3C #0C1F2A

Complementary Palette

#245E82 #2A6D97 #824825 #97542B #A66C49 #4881A6

Analogous Palette

#3A7871 #3E847C #27668E #2A6D97 #3E4684 #525989

Triadic Palette

#256085 #2A6D97 #A12170 #AC3C81 #70A121 #638E1D

Split Complementary Palette

#266288 #2A6D97 #972B37 #A1404B #978B2B #887D27

Square Palette

#235C7F #2A6D97 #83348D #8D5634 #37972B #57A84D

Tetradic Palette

#22597C #2A6D97 #5019A9 #97542B #72A919 #8BB842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6D97 contains 42 red, 109 green, and 151 blue.

Contrast Ratio: 5.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1