#2E4E3C Color

Color Information

HEX#2E4E3C
RGB46, 78, 60
HSL146° , 26% , 24%
HSV146° , 41% , 31%
CMYK41%, 0%, 23%, 69%

Lighter Shades

#476353 #60786B #798E82 #92A39A #ABB8B1 #C4CDC8

Darker Shades

#284535 #233B2E #1D3226 #18291F #121F18 #0D1611

Complementary Palette

#284334 #2E4E3C #422736 #4D2D3F #664A5A #4B6757

Analogous Palette

#314130 #354634 #2B4938 #2E4E3C #344645 #415856

Triadic Palette

#284535 #2E4E3C #3A2753 #524168 #533A27 #493322

Split Complementary Palette

#294636 #2E4E3C #4B2D4D #5D425F #4D2D2F #45292A

Square Palette

#274232 #2E4E3C #333547 #47333F #4D4B2D #69684F

Tetradic Palette

#264031 #2E4E3C #224158 #4D2D3F #583A22 #765D4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4E3C contains 46 red, 78 green, and 60 blue.

Contrast Ratio: 9.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.21:1