#2E4142 Color

Color Information

HEX#2E4142
RGB46, 65, 66
HSL183° , 18% , 22%
HSV183° , 30% , 26%
CMYK30%, 2%, 0%, 74%

Lighter Shades

#475859 #606F6F #798586 #929C9D #ABB3B3 #C4CACA

Darker Shades

#28393A #233132 #1D2A2A #182222 #121A1A #0D1212

Complementary Palette

#283839 #2E4142 #392828 #422F2E #5C4C4B #4B5C5C

Analogous Palette

#2B3B34 #304139 #2B3D3E #2E4142 #303741 #3D4652

Triadic Palette

#28393A #2E4142 #482846 #5E425C #464828 #3E3F23

Split Complementary Palette

#293B3B #2E4142 #422E37 #55434B #42392E #3B3329

Square Palette

#273737 #2E4142 #393041 #413130 #37422E #57604F

Tetradic Palette

#263536 #2E4142 #26244C #422F2E #4A4C24 #6B6C4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4142 contains 46 red, 65 green, and 66 blue.

Contrast Ratio: 11.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.88:1