#2E366D Color

Color Information

HEX#2E366D
RGB46, 54, 109
HSL232° , 41% , 30%
HSV232° , 58% , 43%
CMYK58%, 50%, 0%, 57%

Lighter Shades

#474E7F #606690 #797EA2 #9296B3 #ABAFC5 #C4C7D6

Darker Shades

#283060 #232953 #1D2346 #181C39 #12162C #0D0F1F

Complementary Palette

#282E5E #2E366D #5D5627 #6C642D #817A4A #4B5281

Analogous Palette

#364953 #3C515D #2B3366 #2E366D #483C5D #584E6A

Triadic Palette

#283060 #2E366D #742530 #853F49 #307425 #2A6621

Split Complementary Palette

#293162 #2E366D #6C442D #7B5742 #556C2D #4D6129

Square Palette

#272D5C #2E366D #643553 #645E35 #2D6C44 #4F8462

Tetradic Palette

#262C59 #2E366D #6E1F7A #6C642D #2B7A1F #519247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E366D contains 46 red, 54 green, and 109 blue.

Contrast Ratio: 11.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.79:1