#2B3E62 Color

Color Information

HEX#2B3E62
RGB43, 62, 98
HSL219° , 39% , 28%
HSV219° , 56% , 38%
CMYK56%, 37%, 0%, 62%

Lighter Shades

#445575 #5E6C88 #77839B #919BAD #AAB2C0 #C4C9D3

Darker Shades

#263756 #212F4A #1C283F #162033 #111927 #0C111B

Complementary Palette

#253554 #2B3E62 #554526 #63502C #79694A #495978

Analogous Palette

#364C4F #3B5054 #283A5C #2B3E62 #3E3B54 #4D4A64

Triadic Palette

#263756 #2B3E62 #6A253D #7C3F54 #3D6A25 #365D21

Split Complementary Palette

#273858 #2B3E62 #63342C #734841 #5B632C #525928

Square Palette

#243452 #2B3E62 #5B3355 #5B4D33 #2C6334 #4E7C54

Tetradic Palette

#233350 #2B3E62 #531F6F #63502C #3B6F1F #5E8947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B3E62 contains 43 red, 62 green, and 98 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