#2D4470 Color

Color Information

HEX#2D4470
RGB45, 68, 112
HSL219° , 43% , 31%
HSV219° , 60% , 44%
CMYK60%, 39%, 0%, 56%

Lighter Shades

#465A81 #5F7192 #7987A3 #929EB5 #ABB4C6 #C4CBD7

Darker Shades

#283C63 #223455 #1D2C48 #17233A #121B2D #0D131F

Complementary Palette

#273A60 #2D4470 #614D27 #71592D #85704A #4A5E84

Analogous Palette

#375358 #3D5C61 #2A4069 #2D4470 #423D61 #524E6A

Triadic Palette

#283C63 #2D4470 #792542 #893F59 #427925 #3A6A21

Split Complementary Palette

#293D65 #2D4470 #71372D #7F4B42 #67712D #5D6629

Square Palette

#26395E #2D4470 #693561 #695735 #2D7137 #4F8857

Tetradic Palette

#25385C #2D4470 #5E1F7F #71592D #417F1F #639647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4470 contains 45 red, 68 green, and 112 blue.

Contrast Ratio: 9.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.11:1