#2D448E Color

Color Information

HEX	#2D448E
RGB	45, 68, 142
HSL	226° , 52% , 37%
HSV	226° , 68% , 56%
CMYK	68%, 52%, 0%, 44%

Lighter Shades

#465A9C #5F71A9 #7987B7 #929EC4 #ABB4D2 #C4CBDF

Darker Shades

#283C7D #22346C #1D2C5B #17234A #121B39 #0D1328

Complementary Palette

#273A7A #2D448E #7B6827 #8F792D #9F8C4A #4A5E9E

Analogous Palette

#3A6473 #406C7D #2A4085 #2D448E #50407D #605483

Triadic Palette

#283C7D #2D448E #99243F #A53E56 #3F9924 #378720

Split Complementary Palette

#293D80 #2D448E #8F472D #9A5942 #758F2D #698129

Square Palette

#263977 #2D448E #863771 #867537 #2D8F47 #4FA164

Tetradic Palette

#253874 #2D448E #841CA0 #8F792D #3BA01C #5EB145

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D448E contains 45 red, 68 green, and 142 blue.

Contrast Ratio: 9.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1