#2A3546 Color

Color Information

HEX#2A3546
RGB42, 53, 70
HSL216° , 25% , 22%
HSV216° , 40% , 27%
CMYK40%, 24%, 0%, 73%

Lighter Shades

#444D5C #5D6572 #777E89 #90969F #AAAEB5 #C3C6CB

Darker Shades

#252F3E #202835 #1B222D #161C24 #11151C #0C0F14

Complementary Palette

#242E3C #2A3546 #3C3324 #463B2A #605648 #485160

Analogous Palette

#2B393B #303F41 #273242 #2A3546 #313041 #3F3D52

Triadic Palette

#252F3E #2A3546 #4C2434 #613E4C #344C24 #2E4320

Split Complementary Palette

#26303F #2A3546 #462D2A #59423F #43462A #3C3F26

Square Palette

#232D3B #2A3546 #41303F #413A30 #2A462D #4C644F

Tetradic Palette

#222B39 #2A3546 #3D2050 #463B2A #335020 #587048

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3546 contains 42 red, 53 green, and 70 blue.

Contrast Ratio: 13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.62:1