#2B4664 Color

Color Information

HEX#2B4664
RGB43, 70, 100
HSL212° , 40% , 28%
HSV212° , 57% , 39%
CMYK57%, 30%, 0%, 61%

Lighter Shades

#445C77 #5E7289 #77899C #919FAE #AAB5C1 #C4CBD4

Darker Shades

#263E58 #21354C #1C2D40 #162434 #111C28 #0C141C

Complementary Palette

#253C56 #2B4664 #563F25 #64492B #7A6249 #49607A

Analogous Palette

#364E4F #395556 #28425E #2B4664 #3A3956 #4B4A64

Triadic Palette

#263E58 #2B4664 #6B2444 #7D3E5A #446B24 #3C5E20

Split Complementary Palette

#273F5A #2B4664 #642D2B #744240 #62642B #585A27

Square Palette

#243B54 #2B4664 #5D325B #5D4932 #2B642D #4D7D4F

Tetradic Palette

#233952 #2B4664 #4A1E71 #64492B #43711E #658B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4664 contains 43 red, 70 green, and 100 blue.

Contrast Ratio: 9.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1