#2B3A6E Color

Color Information

HEX#2B3A6E
RGB43, 58, 110
HSL227° , 44% , 30%
HSV227° , 61% , 43%
CMYK61%, 47%, 0%, 57%

Lighter Shades

#44527F #5E6991 #7781A2 #9199B4 #AAB0C5 #C4C8D6

Darker Shades

#263361 #212C54 #1C2546 #161E39 #11172C #0C101F

Complementary Palette

#25325F #2B3A6E #5F5325 #6E602B #827649 #495682

Analogous Palette

#374F58 #3A545F #283767 #2B3A6E #453A5F #554E6A

Triadic Palette

#263361 #2B3A6E #762335 #863D4D #357623 #2F681F

Split Complementary Palette

#273463 #2B3A6E #6E3E2B #7D5140 #5B6E2B #526327

Square Palette

#24315C #2B3A6E #673258 #675B32 #2B6E3E #4D855D

Tetradic Palette

#23305A #2B3A6E #671D7C #6E602B #327C1D #579446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B3A6E contains 43 red, 58 green, and 110 blue.

Contrast Ratio: 11.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1