#2D436E Color

Color Information

HEX#2D436E
RGB45, 67, 110
HSL220° , 42% , 30%
HSV220° , 59% , 43%
CMYK59%, 39%, 0%, 57%

Lighter Shades

#465A7F #5F7091 #7987A2 #929DB4 #ABB4C5 #C4CAD6

Darker Shades

#283B61 #223354 #1D2B46 #172339 #121B2C #0D131F

Complementary Palette

#273A5F #2D436E #5E4B26 #6D572C #816F4A #4A5D82

Analogous Palette

#354F55 #3C585D #2A3F67 #2D436E #413C5D #534E6A

Triadic Palette

#283B61 #2D436E #74253F #853F56 #3F7425 #376621

Split Complementary Palette

#293C63 #2D436E #6D372C #7C4B41 #626D2C #586228

Square Palette

#26385C #2D436E #65345D #655534 #2C6D37 #4E8457

Tetradic Palette

#25375A #2D436E #5C1F7A #6D572C #3D7A1F #609247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D436E contains 45 red, 67 green, and 110 blue.

Contrast Ratio: 10.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.08:1