#2E4152 Color

Color Information

HEX#2E4152
RGB46, 65, 82
HSL208° , 28% , 25%
HSV208° , 44% , 32%
CMYK44%, 21%, 0%, 68%

Lighter Shades

#475867 #606F7C #798590 #929CA5 #ABB3BA #C4CACF

Darker Shades

#283948 #23313E #1D2A34 #18222B #121A21 #0D1217

Complementary Palette

#283847 #2E4152 #473628 #523F2E #6A5A4B #4B5C6A

Analogous Palette

#324343 #364948 #2B3D4D #2E4152 #363749 #43445B

Triadic Palette

#283948 #2E4152 #582841 #6C4258 #415828 #394D23

Split Complementary Palette

#293B4A #2E4152 #522E2F #634344 #52502E #4A4829

Square Palette

#273745 #2E4152 #4A344B #4B3F34 #2F522E #506E4F

Tetradic Palette

#263543 #2E4152 #3E225D #523F2E #425D22 #647A4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4152 contains 46 red, 65 green, and 82 blue.

Contrast Ratio: 10.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.92:1