#2E3A67 Color

Color Information

HEX#2E3A67
RGB46, 58, 103
HSL227° , 38% , 29%
HSV227° , 55% , 40%
CMYK55%, 44%, 0%, 60%

Lighter Shades

#475279 #60698B #79819E #9299B0 #ABB0C2 #C4C8D4

Darker Shades

#28335B #232C4E #1D2542 #181E36 #121729 #0D101D

Complementary Palette

#283259 #2E3A67 #584D28 #665A2E #7B714B #4B567C

Analogous Palette

#384A51 #3D5057 #2B3761 #2E3A67 #443D57 #534C67

Triadic Palette

#28335B #2E3A67 #6D2636 #7F404E #366D26 #306021

Split Complementary Palette

#29345D #2E3A67 #663E2E #755143 #56662E #4D5C29

Square Palette

#273157 #2E3A67 #5F3553 #5F5635 #2E663E #4F7E5D

Tetradic Palette

#263054 #2E3A67 #612173 #665A2E #327321 #578C49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E3A67 contains 46 red, 58 green, and 103 blue.

Contrast Ratio: 11.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.85:1