#2D455D Color

Color Information

HEX#2D455D
RGB45, 69, 93
HSL210° , 35% , 27%
HSV210° , 52% , 36%
CMYK52%, 26%, 0%, 64%

Lighter Shades

#465B70 #5F7284 #798897 #929EAB #ABB5BE #C4CBD2

Darker Shades

#283D52 #223447 #1D2C3C #172430 #121C25 #0D131A

Complementary Palette

#273B50 #2D455D #503B27 #5D452D #745F4A #4A5F74

Analogous Palette

#364949 #3B4F4F #2A4157 #2D455D #3B3B4F #484861

Triadic Palette

#283D52 #2D455D #642645 #77405B #456426 #3D5821

Split Complementary Palette

#293E54 #2D455D #5D2D2D #6D4242 #5D5D2D #545429

Square Palette

#263A4E #2D455D #563456 #564534 #2D5D2D #4F774F

Tetradic Palette

#25394C #2D455D #452069 #5D452D #456920 #668448

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D455D contains 45 red, 69 green, and 93 blue.

Contrast Ratio: 10.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.06:1