#2D477F Color

Color Information

HEX#2D477F
RGB45, 71, 127
HSL221° , 48% , 34%
HSV221° , 65% , 50%
CMYK65%, 44%, 0%, 50%

Lighter Shades

#465D8E #5F739E #7989AD #929FBC #ABB5CC #C4CBDB

Darker Shades

#283E70 #223661 #1D2D51 #172542 #121C33 #0D1424

Complementary Palette

#273D6D #2D477F #6E5827 #80662D #927B4A #4A6191

Analogous Palette

#395D65 #3E666F #2A4377 #2D477F #473E6F #585275

Triadic Palette

#283E70 #2D477F #892444 #973E5A #448924 #3C7920

Split Complementary Palette

#294072 #2D477F #803C2D #8D5042 #71802D #667329

Square Palette

#263C6B #2D477F #78366C #786336 #2D803C #4F945B

Tetradic Palette

#253A68 #2D477F #6C1D90 #80662D #42901D #64A446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D477F contains 45 red, 71 green, and 127 blue.

Contrast Ratio: 9.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1