#2A6569 Color

Color Information

HEX	#2A6569
RGB	42, 101, 105
HSL	184° , 43% , 29%
HSV	184° , 60% , 41%
CMYK	60%, 4%, 0%, 59%

Lighter Shades

#44777B #5D8A8D #779C9F #90AFB1 #AAC1C3 #C3D4D5

Darker Shades

#25595C #204D50 #1B4143 #163537 #11282A #0C1C1D

Complementary Palette

#24575A #2A6569 #5B2824 #6A2E2A #7F4B48 #487B7E

Analogous Palette

#355547 #395B4C #275F63 #2A6569 #39485B #4C5767

Triadic Palette

#25595C #2A6569 #71236C #823D7E #6C7123 #5F631F

Split Complementary Palette

#265B5F #2A6569 #6A2A46 #793F59 #6A4E2A #5F4626

Square Palette

#235558 #2A6569 #4D3262 #623532 #466A2A #64824C

Tetradic Palette

#225356 #2A6569 #231D77 #6A2E2A #71771D #8B8F46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6569 contains 42 red, 101 green, and 105 blue.

Contrast Ratio: 6.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1