#2D3B6D Color

Color Information

HEX#2D3B6D
RGB45, 59, 109
HSL227° , 42% , 30%
HSV227° , 59% , 43%
CMYK59%, 46%, 0%, 57%

Lighter Shades

#46537F #5F6A90 #7982A2 #9299B3 #ABB1C5 #C4C8D6

Darker Shades

#283460 #222D53 #1D2646 #171F39 #12182C #0D111F

Complementary Palette

#27335E #2D3B6D #5E5226 #6D5F2C #81754A #4A5681

Analogous Palette

#354C55 #3C535D #2A3766 #2D3B6D #463C5D #564E6A

Triadic Palette

#283460 #2D3B6D #742536 #853F4E #367425 #306621

Split Complementary Palette

#293562 #2D3B6D #6D3F2C #7C5241 #5A6D2C #516228

Square Palette

#26325C #2D3B6D #653456 #655A34 #2C6D3F #4E845E

Tetradic Palette

#253059 #2D3B6D #671F7A #6D5F2C #327A1F #579247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3B6D contains 45 red, 59 green, and 109 blue.

Contrast Ratio: 11.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.89:1