#2A4D67 Color

Color Information

HEX#2A4D67
RGB42, 77, 103
HSL206° , 42% , 28%
HSV206° , 59% , 40%
CMYK59%, 25%, 0%, 60%

Lighter Shades

#446279 #5D788B #778D9E #90A2B0 #AAB8C2 #C3CDD4

Darker Shades

#25445B #203B4E #1B3142 #162836 #111F29 #0C161D

Complementary Palette

#244259 #2A4D67 #573A23 #654329 #7B5D47 #48667C

Analogous Palette

#34514F #385755 #274861 #2A4D67 #383A57 #4A4B64

Triadic Palette

#25445B #2A4D67 #6D224C #7F3D61 #4C6D22 #43601E

Split Complementary Palette

#26455D #2A4D67 #65292D #743E42 #656129 #5B5725

Square Palette

#234157 #2A4D67 #5B315E #5E4431 #2D6529 #4F7E4B

Tetradic Palette

#223F54 #2A4D67 #421D72 #654329 #4D721D #6D8B46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4D67 contains 42 red, 77 green, and 103 blue.

Contrast Ratio: 9.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.3:1