#2A354E Color

Color Information

HEX#2A354E
RGB42, 53, 78
HSL222° , 30% , 24%
HSV222° , 46% , 31%
CMYK46%, 32%, 0%, 69%

Lighter Shades

#444D63 #5D6578 #777E8E #9096A3 #AAAEB8 #C3C6CD

Darker Shades

#252F45 #20283B #1B2232 #161C29 #11151F #0C0F16

Complementary Palette

#242E43 #2A354E #453B25 #50452B #695F49 #485167

Analogous Palette

#303D41 #344246 #273249 #2A354E #373446 #454158

Triadic Palette

#252F45 #2A354E #562533 #6A3F4B #335625 #2D4C21

Split Complementary Palette

#263046 #2A354E #50322B #624740 #48502B #414827

Square Palette

#232D42 #2A354E #493144 #494231 #2B5032 #4D6C53

Tetradic Palette

#222B40 #2A354E #49205B #50452B #315B20 #567948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A354E contains 42 red, 53 green, and 78 blue.

Contrast Ratio: 12.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1