#2B4362 Color

Color Information

HEX#2B4362
RGB43, 67, 98
HSL214° , 39% , 28%
HSV214° , 56% , 38%
CMYK56%, 32%, 0%, 62%

Lighter Shades

#445A75 #5E7088 #77879B #919DAD #AAB4C0 #C4CAD3

Darker Shades

#263B56 #21334A #1C2B3F #162333 #111B27 #0C131B

Complementary Palette

#253A54 #2B4362 #554126 #634B2C #79644A #495D78

Analogous Palette

#364D4F #3B5354 #283F5C #2B4362 #3C3B54 #4B4A64

Triadic Palette

#263B56 #2B4362 #6A2543 #7C3F5A #436A25 #3B5D21

Split Complementary Palette

#273C58 #2B4362 #632F2C #734441 #60632C #565928

Square Palette

#243852 #2B4362 #5B3359 #5B4A33 #2C632F #4E7C50

Tetradic Palette

#233750 #2B4362 #4D1F6F #634B2C #426F1F #648947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4362 contains 43 red, 67 green, and 98 blue.

Contrast Ratio: 10.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.02:1