#2E3A3F Color

Color Information

HEX#2E3A3F
RGB46, 58, 63
HSL198° , 16% , 21%
HSV198° , 27% , 25%
CMYK27%, 8%, 0%, 75%

Lighter Shades

#475256 #60696D #798184 #92999B #ABB0B2 #C4C8C9

Darker Shades

#283337 #232C30 #1D2528 #181E21 #121719 #0D1012

Complementary Palette

#283236 #2E3A3F #352B27 #3E322D #594F4A #4B565A

Analogous Palette

#293835 #2E3E3B #2B373B #2E3A3F #2E303E #3B3F4F

Triadic Palette

#283337 #2E3A3F #43283B #5A4253 #3B4328 #343B23

Split Complementary Palette

#293439 #2E3A3F #3E2D30 #514245 #3E3B2D #383529

Square Palette

#273135 #2E3A3F #3B2E3E #3E322E #303E2D #515D4F

Tetradic Palette

#263034 #2E3A3F #2E2348 #3E322D #3D4823 #60694B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E3A3F contains 46 red, 58 green, and 63 blue.

Contrast Ratio: 12.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.72:1