#2B3F5C Color

Color Information

HEX#2B3F5C
RGB43, 63, 92
HSL216° , 36% , 26%
HSV216° , 53% , 36%
CMYK53%, 32%, 0%, 64%

Lighter Shades

#445670 #5E6D83 #778497 #919BAA #AAB2BE #C4C9D1

Darker Shades

#263751 #213046 #1C283B #162130 #111925 #0C121A

Complementary Palette

#25364F #2B3F5C #4D3D24 #5A472A #716148 #495A73

Analogous Palette

#334547 #384B4D #283B56 #2B3F5C #3A384D #48455E

Triadic Palette

#263751 #2B3F5C #61243D #743E54 #3D6124 #365520

Split Complementary Palette

#273953 #2B3F5C #5A2F2A #6B443F #555A2A #4D5126

Square Palette

#24354D #2B3F5C #543150 #544631 #2A5A2F #4C7450

Tetradic Palette

#23344B #2B3F5C #491E66 #5A472A #3C661E #5F8247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B3F5C contains 43 red, 63 green, and 92 blue.

Contrast Ratio: 11.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1