#2D4352 Color

Color Information

HEX#2D4352
RGB45, 67, 82
HSL204° , 29% , 25%
HSV204° , 45% , 32%
CMYK45%, 18%, 0%, 68%

Lighter Shades

#465A67 #5F707C #798790 #929DA5 #ABB4BA #C4CACF

Darker Shades

#283B48 #22333E #1D2B34 #17232B #121B21 #0D1317

Complementary Palette

#273A47 #2D4352 #473427 #523C2D #6A574A #4A5D6A

Analogous Palette

#324342 #364948 #2A3F4D #2D4352 #363849 #43455B

Triadic Palette

#283B48 #2D4352 #592745 #6D415B #455927 #3D4E22

Split Complementary Palette

#293C4A #2D4352 #522D31 #634246 #524F2D #4A4729

Square Palette

#263845 #2D4352 #4A344C #4C3D34 #31522D #526E4F

Tetradic Palette

#253743 #2D4352 #3A225E #523C2D #465E22 #677B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4352 contains 45 red, 67 green, and 82 blue.

Contrast Ratio: 10.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.97:1