#2E3C55 Color

Color Information

HEX#2E3C55
RGB46, 60, 85
HSL218° , 30% , 26%
HSV218° , 46% , 33%
CMYK46%, 29%, 0%, 67%

Lighter Shades

#475369 #606B7E #798292 #929AA7 #ABB1BB #C4C8CF

Darker Shades

#28354B #232E41 #1D2636 #181F2C #121822 #0D1118

Complementary Palette

#283449 #2E3C55 #4A3E28 #56482E #6E624B #4B576D

Analogous Palette

#344546 #384A4C #2B3850 #2E3C55 #3B384C #49455E

Triadic Palette

#28354B #2E3C55 #5D283B #704253 #3B5D28 #345223

Split Complementary Palette

#29364D #2E3C55 #56342E #674843 #51562E #494D29

Square Palette

#273247 #2E3C55 #50354C #504635 #2E5634 #4F7154

Tetradic Palette

#263146 #2E3C55 #4C2262 #56482E #3A6222 #5D7E4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E3C55 contains 46 red, 60 green, and 85 blue.

Contrast Ratio: 11.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.82:1