#2D3F64 Color

Color Information

HEX#2D3F64
RGB45, 63, 100
HSL220° , 38% , 28%
HSV220° , 55% , 39%
CMYK55%, 37%, 0%, 61%

Lighter Shades

#465677 #5F6D89 #79849C #929BAE #ABB2C1 #C4C9D4

Darker Shades

#283758 #22304C #1D2840 #172134 #121928 #0D121C

Complementary Palette

#273656 #2D3F64 #554526 #63502C #79694A #4A5A7A

Analogous Palette

#364A4F #3B5054 #2A3B5E #2D3F64 #3F3B54 #4E4A64

Triadic Palette

#283758 #2D3F64 #6A253C #7C3F53 #3C6A25 #355D21

Split Complementary Palette

#29395A #2D3F64 #63352C #734941 #59632C #505928

Square Palette

#263554 #2D3F64 #5B3354 #5B4D33 #2C6335 #4E7C55

Tetradic Palette

#253452 #2D3F64 #531F6F #63502C #3A6F1F #5D8947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3F64 contains 45 red, 63 green, and 100 blue.

Contrast Ratio: 10.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.94:1