#2B3F82 Color

Color Information

HEX#2B3F82
RGB43, 63, 130
HSL226° , 50% , 34%
HSV226° , 67% , 51%
CMYK67%, 52%, 0%, 49%

Lighter Shades

#445691 #5E6DA0 #7784AF #919BBE #AAB2CD #C4C9DC

Darker Shades

#263772 #213063 #1C2853 #162144 #111934 #0C1224

Complementary Palette

#253670 #2B3F82 #705F25 #826E2B #948249 #495A94

Analogous Palette

#375967 #3D6371 #283B7A #2B3F82 #4B3D71 #5A5077

Triadic Palette

#263772 #2B3F82 #8B233B #993D53 #3B8B23 #347A1F

Split Complementary Palette

#273975 #2B3F82 #82422B #8F5540 #6B822B #607527

Square Palette

#24356D #2B3F82 #793467 #796934 #2B8242 #4D9660

Tetradic Palette

#23346B #2B3F82 #761C92 #826E2B #37921C #5BA645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B3F82 contains 43 red, 63 green, and 130 blue.

Contrast Ratio: 10.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1