#2D3F55 Color

Color Information

HEX#2D3F55
RGB45, 63, 85
HSL213° , 31% , 25%
HSV213° , 47% , 33%
CMYK47%, 26%, 0%, 67%

Lighter Shades

#465669 #5F6D7E #798492 #929BA7 #ABB2BB #C4C9CF

Darker Shades

#28374B #223041 #1D2836 #17212C #121922 #0D1218

Complementary Palette

#273649 #2D3F55 #483926 #54422C #6C5C4A #4A5A6D

Analogous Palette

#324343 #364849 #2A3B50 #2D3F55 #373649 #44435B

Triadic Palette

#28374B #2D3F55 #5A263D #6E4054 #3D5A26 #364F21

Split Complementary Palette

#29394D #2D3F55 #542E2C #654341 #52542C #4A4C28

Square Palette

#263547 #2D3F55 #4D324C #4D4132 #2C542E #4E6F4F

Tetradic Palette

#253446 #2D3F55 #43215F #54422C #3D5F21 #607C49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3F55 contains 45 red, 63 green, and 85 blue.

Contrast Ratio: 11.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.88:1