#2A6D81 Color

Color Information

HEX#2A6D81
RGB42, 109, 129
HSL194° , 51% , 34%
HSV194° , 67% , 51%
CMYK67%, 16%, 0%, 49%

Lighter Shades

#447F90 #5D909F #77A2AE #90B3BD #AAC5CD #C3D6DC

Darker Shades

#256072 #205362 #1B4653 #163943 #112C34 #0C1F24

Complementary Palette

#245E6F #2A6D81 #713624 #833F2A #945A48 #488193

Analogous Palette

#37685A #3C7263 #276679 #2A6D81 #3C4A72 #4F5A78

Triadic Palette

#256072 #2A6D81 #8C2273 #9A3D84 #738C22 #657B1E

Split Complementary Palette

#266274 #2A6D81 #832A42 #8F3F55 #836B2A #766026

Square Palette

#235C6C #2A6D81 #67337A #7A4433 #42832A #60974C

Tetradic Palette

#22596A #2A6D81 #371B93 #833F2A #77931B #8FA644

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6D81 contains 42 red, 109 green, and 129 blue.

Contrast Ratio: 5.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1