#2D448F Color

Color Information

HEX	#2D448F
RGB	45, 68, 143
HSL	226° , 52% , 37%
HSV	226° , 69% , 56%
CMYK	69%, 52%, 0%, 44%

Lighter Shades

#465A9C #5F71AA #7987B7 #929EC5 #ABB4D2 #C4CBE0

Darker Shades

#283C7E #22346D #1D2C5C #17234A #121B39 #0D1328

Complementary Palette

#273A7B #2D448F #7B6827 #8F792D #9F8C4A #4A5E9F

Analogous Palette

#3A6473 #406C7D #2A4086 #2D448F #50407D #605483

Triadic Palette

#283C7E #2D448F #99243F #A53E56 #3F9924 #378720

Split Complementary Palette

#293D81 #2D448F #8F472D #9A5942 #758F2D #698129

Square Palette

#263978 #2D448F #863771 #867537 #2D8F47 #4FA164

Tetradic Palette

#253875 #2D448F #841CA0 #8F792D #3BA01C #5EB145

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D448F contains 45 red, 68 green, and 143 blue.

Contrast Ratio: 9.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1