#2B417E Color

Color Information

HEX#2B417E
RGB43, 65, 126
HSL224° , 49% , 33%
HSV224° , 66% , 49%
CMYK66%, 48%, 0%, 51%

Lighter Shades

#44588D #5E6F9D #7785AC #919CBC #AAB3CB #C4CADB

Darker Shades

#26396F #213160 #1C2A51 #162242 #111A32 #0C1223

Complementary Palette

#25386C #2B417E #6C5925 #7D672B #8F7C49 #495C90

Analogous Palette

#375862 #3C616D #283D76 #2B417E #473C6D #584F72

Triadic Palette

#26396F #2B417E #86233D #953D54 #3D8623 #36761F

Split Complementary Palette

#273B71 #2B417E #7D3E2B #8A5140 #6A7D2B #5F7127

Square Palette

#24376A #2B417E #753366 #756333 #2B7D3E #4D925D

Tetradic Palette

#233567 #2B417E #6E1C8D #7D672B #3A8D1C #5DA245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B417E contains 43 red, 65 green, and 126 blue.

Contrast Ratio: 10.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1