#2D3F7B Color

Color Information

HEX#2D3F7B
RGB45, 63, 123
HSL226° , 46% , 33%
HSV226° , 63% , 48%
CMYK63%, 49%, 0%, 52%

Lighter Shades

#46568B #5F6D9B #7984AB #929BBA #ABB2CA #C4C9DA

Darker Shades

#28376C #22305D #1D284F #172140 #121931 #0D1222

Complementary Palette

#27366A #2D3F7B #6A5A27 #7B692D #8D7E4A #4A5A8D

Analogous Palette

#385661 #3E5E6A #2A3B74 #2D3F7B #4A3E6A #595071

Triadic Palette

#28376C #2D3F7B #83253D #923F54 #3D8325 #367321

Split Complementary Palette

#29396F #2D3F7B #7B422D #885542 #667B2D #5C6F29

Square Palette

#263567 #2D3F7B #723662 #726436 #2D7B42 #4F9060

Tetradic Palette

#253465 #2D3F7B #711E8A #7B692D #398A1E #5D9F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3F7B contains 45 red, 63 green, and 123 blue.

Contrast Ratio: 10.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1