#2A6C81 Color

Color Information

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

Lighter Shades

#447E90 #5D8F9F #77A1AE #90B3BD #AAC4CD #C3D6DC

Darker Shades

#255F72 #205262 #1B4553 #163843 #112B34 #0C1E24

Complementary Palette

#245D6F #2A6C81 #713624 #833F2A #945A48 #488193

Analogous Palette

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

Triadic Palette

#255F72 #2A6C81 #8C2273 #9A3D84 #738C22 #657B1E

Split Complementary Palette

#266174 #2A6C81 #832A42 #8F3F55 #836B2A #766026

Square Palette

#235B6C #2A6C81 #67337A #7A4433 #42832A #60974C

Tetradic Palette

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

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6C81 contains 42 red, 108 green, and 129 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1