#2D4168 Color

Color Information

HEX#2D4168
RGB45, 65, 104
HSL220° , 40% , 29%
HSV220° , 57% , 41%
CMYK57%, 38%, 0%, 59%

Lighter Shades

#46587A #5F6F8C #79859E #929CB0 #ABB3C3 #C4CAD5

Darker Shades

#28395C #22314F #1D2A43 #172236 #121A2A #0D121D

Complementary Palette

#273859 #2D4168 #594826 #68542C #7D6C4A #4A5C7D

Analogous Palette

#364E53 #3A5459 #2A3D62 #2D4168 #403A59 #504C67

Triadic Palette

#28395C #2D4168 #70243D #813E54 #3D7024 #366320

Split Complementary Palette

#293B5E #2D4168 #68362C #774A41 #5E682C #555E28

Square Palette

#263757 #2D4168 #613359 #615233 #2C6836 #4E8056

Tetradic Palette

#253555 #2D4168 #581E76 #68542C #3B761E #5E8F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4168 contains 45 red, 65 green, and 104 blue.

Contrast Ratio: 10.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1