#2D3F4D Color

Color Information

HEX#2D3F4D
RGB45, 63, 77
HSL206° , 26% , 24%
HSV206° , 42% , 30%
CMYK42%, 18%, 0%, 70%

Lighter Shades

#465662 #5F6D78 #79848D #929BA2 #ABB2B8 #C4C9CD

Darker Shades

#283744 #22303B #1D2831 #172128 #12191F #0D1216

Complementary Palette

#273642 #2D3F4D #423327 #4D3B2D #66564A #4A5A66

Analogous Palette

#30413F #344645 #2A3B48 #2D3F4D #343546 #414358

Triadic Palette

#283744 #2D3F4D #532740 #684157 #405327 #384922

Split Complementary Palette

#293945 #2D3F4D #4D2D2F #5F4244 #4D4B2D #454429

Square Palette

#263541 #2D3F4D #463347 #473C33 #2F4D2D #50694F

Tetradic Palette

#25343F #2D3F4D #3A2258 #4D3B2D #415822 #63764A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3F4D contains 45 red, 63 green, and 77 blue.

Contrast Ratio: 11.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1