#2E5C6E Color

Color Information

HEX#2E5C6E
RGB46, 92, 110
HSL197° , 41% , 31%
HSV197° , 58% , 43%
CMYK58%, 16%, 0%, 57%

Lighter Shades

#47707F #608391 #7997A2 #92AAB4 #ABBEC5 #C4D1D6

Darker Shades

#285161 #234654 #1D3B46 #183039 #12252C #0D1A1F

Complementary Palette

#284F5F #2E5C6E #5F3828 #6F412F #835C4C #4B7382

Analogous Palette

#385650 #3E6058 #2B5667 #2E5C6E #3E4660 #50566D

Triadic Palette

#285161 #2E5C6E #772761 #874174 #617727 #556922

Split Complementary Palette

#295363 #2E5C6E #6F2F3D #7D4450 #6F612F #64572A

Square Palette

#274D5C #2E5C6E #5D3768 #684437 #3D6F2F #5C8650

Tetradic Palette

#264B5A #2E5C6E #3B207E #6F412F #637E20 #7F9548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5C6E contains 46 red, 92 green, and 110 blue.

Contrast Ratio: 7.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1