#2D3D6D Color

Color Information

HEX#2D3D6D
RGB45, 61, 109
HSL225° , 42% , 30%
HSV225° , 59% , 43%
CMYK59%, 44%, 0%, 57%

Lighter Shades

#46547F #5F6C90 #7983A2 #929AB3 #ABB1C5 #C4C9D6

Darker Shades

#283660 #222E53 #1D2746 #172039 #12182C #0D111F

Complementary Palette

#27345E #2D3D6D #5E5026 #6D5D2C #81744A #4A5881

Analogous Palette

#354D55 #3C555D #2A3966 #2D3D6D #443C5D #554E6A

Triadic Palette

#283660 #2D3D6D #742539 #853F51 #397425 #326621

Split Complementary Palette

#293762 #2D3D6D #6D3C2C #7C5041 #5D6D2C #546228

Square Palette

#26335C #2D3D6D #653459 #655934 #2C6D3C #4E845B

Tetradic Palette

#253259 #2D3D6D #631F7A #6D5D2C #367A1F #5A9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3D6D contains 45 red, 61 green, and 109 blue.

Contrast Ratio: 10.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.93:1