#2B3E75 Color

Color Information

HEX#2B3E75
RGB43, 62, 117
HSL225° , 46% , 31%
HSV225° , 63% , 46%
CMYK63%, 47%, 0%, 54%

Lighter Shades

#445586 #5E6C96 #7783A7 #919BB7 #AAB2C8 #C4C9D8

Darker Shades

#263767 #212F59 #1C284B #16203D #11192F #0C1121

Complementary Palette

#253565 #2B3E75 #635325 #73612B #877749 #495988

Analogous Palette

#37535C #3A5964 #283A6E #2B3E75 #453A64 #554E6A

Triadic Palette

#263767 #2B3E75 #7B2339 #8B3D51 #397B23 #326C1F

Split Complementary Palette

#273869 #2B3E75 #733D2B #815040 #61732B #576827

Square Palette

#243462 #2B3E75 #6C335D #6C5D33 #2B733D #4D895C

Tetradic Palette

#233360 #2B3E75 #681C82 #73612B #36821C #5A9945

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B3E75 contains 43 red, 62 green, and 117 blue.

Contrast Ratio: 10.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.98:1