#2E4048 Color

Color Information

HEX#2E4048
RGB46, 64, 72
HSL198° , 22% , 23%
HSV198° , 36% , 28%
CMYK36%, 11%, 0%, 72%

Lighter Shades

#47575E #606E74 #79858A #929CA0 #ABB3B6 #C4CACC

Darker Shades

#28383F #233137 #1D292E #182125 #121A1D #0D1214

Complementary Palette

#28373E #2E4048 #3E2E28 #48352E #62514B #4B5B62

Analogous Palette

#2E3E3A #32433F #2B3C44 #2E4048 #323543 #3F4355

Triadic Palette

#28383F #2E4048 #4D2842 #624259 #424D28 #3A4423

Split Complementary Palette

#293A41 #2E4048 #482E33 #5A4347 #48422E #413B29

Square Palette

#27363C #2E4048 #3F3243 #433732 #33482E #54654F

Tetradic Palette

#26343B #2E4048 #302352 #48352E #445223 #66714B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4048 contains 46 red, 64 green, and 72 blue.

Contrast Ratio: 11.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1