#2E4C5F Color

Color Information

HEX#2E4C5F
RGB46, 76, 95
HSL203° , 35% , 28%
HSV203° , 52% , 37%
CMYK52%, 20%, 0%, 63%

Lighter Shades

#476172 #607785 #798C99 #92A2AC #ABB7BF #C4CDD2

Darker Shades

#284354 #233A48 #1D313D #182831 #121E26 #0D151B

Complementary Palette

#284152 #2E4C5F #533928 #60422E #765C4B #4B6575

Analogous Palette

#364948 #3D5250 #2B4759 #2E4C5F #3D3F52 #4A4D64

Triadic Palette

#284354 #2E4C5F #68274F #7A4164 #4F6827 #465C22

Split Complementary Palette

#294456 #2E4C5F #602E34 #704348 #605B2E #565229

Square Palette

#274050 #2E4C5F #563659 #594436 #34602E #54794F

Tetradic Palette

#263E4E #2E4C5F #40226D #60422E #506D22 #70874A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4C5F contains 46 red, 76 green, and 95 blue.

Contrast Ratio: 9.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1