#2B4170 Color

Color Information

HEX#2B4170
RGB43, 65, 112
HSL221° , 45% , 30%
HSV221° , 62% , 44%
CMYK62%, 42%, 0%, 56%

Lighter Shades

#445881 #5E6F92 #7785A3 #919CB5 #AAB3C6 #C4CAD7

Darker Shades

#263963 #213155 #1C2A48 #16223A #111A2D #0C121F

Complementary Palette

#253860 #2B4170 #5F4D24 #6F592A #837048 #495C84

Analogous Palette

#365359 #395960 #283D69 #2B4170 #403960 #534E6A

Triadic Palette

#263963 #2B4170 #77223D #873D54 #3D7722 #36691E

Split Complementary Palette

#273B65 #2B4170 #6F372A #7D4B3F #626F2A #586426

Square Palette

#24375E #2B4170 #67325D #675632 #2A6F37 #4C8657

Tetradic Palette

#23355C #2B4170 #5E1C7D #6F592A #3B7D1C #5E9445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4170 contains 43 red, 65 green, and 112 blue.

Contrast Ratio: 10.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1