#2A4E73 Color

Color Information

HEX#2A4E73
RGB42, 78, 115
HSL210° , 46% , 31%
HSV210° , 63% , 45%
CMYK63%, 32%, 0%, 55%

Lighter Shades

#446384 #5D7895 #778EA5 #90A3B6 #AAB8C7 #C3CDD8

Darker Shades

#254565 #203B57 #1B324A #16293C #111F2E #0C1620

Complementary Palette

#244363 #2A4E73 #634425 #734F2B #876849 #486787

Analogous Palette

#375C5C #3A6464 #27496C #2A4E73 #3A3A64 #4E4E6A

Triadic Palette

#254565 #2A4E73 #7B234F #8B3D64 #4F7B23 #466C1F

Split Complementary Palette

#264668 #2A4E73 #732B2B #814040 #73732B #686827

Square Palette

#234261 #2A4E73 #6C336C #6C4F33 #2B732B #4D894D

Tetradic Palette

#22405E #2A4E73 #4F1C82 #734F2B #4F821C #6F9945

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4E73 contains 42 red, 78 green, and 115 blue.

Contrast Ratio: 8.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.39:1