#2A4F60 Color

Color Information

HEX#2A4F60
RGB42, 79, 96
HSL199° , 39% , 27%
HSV199° , 56% , 38%
CMYK56%, 18%, 0%, 62%

Lighter Shades

#446473 #5D7986 #778E99 #90A3AC #AAB9BF #C3CED2

Darker Shades

#254654 #203C49 #1B333D #162932 #112026 #0C161B

Complementary Palette

#244453 #2A4F60 #533324 #603B2A #765648 #486876

Analogous Palette

#344C47 #38524D #274A5A #2A4F60 #383D52 #484C61

Triadic Palette

#254654 #2A4F60 #672351 #793D66 #516723 #475B1F

Split Complementary Palette

#264756 #2A4F60 #602A34 #703F48 #60562A #564D26

Square Palette

#234251 #2A4F60 #513159 #593E31 #34602A #54794C

Tetradic Palette

#22414F #2A4F60 #361E6C #603B2A #536C1E #728647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4F60 contains 42 red, 79 green, and 96 blue.

Contrast Ratio: 8.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1