#2E396B Color

Color Information

HEX	#2E396B
RGB	46, 57, 107
HSL	229° , 40% , 30%
HSV	229° , 57% , 42%
CMYK	57%, 47%, 0%, 58%

Lighter Shades

#47517D #60698F #7980A0 #9298B2 #ABB0C4 #C4C8D6

Darker Shades

#28325E #232B51 #1D2444 #181E38 #12172B #0D101E

Complementary Palette

#28315C #2E396B #5C5328 #6B602E #80764B #4B5580

Analogous Palette

#374A53 #3D525C #2B3665 #2E396B #473D5C #564E6A

Triadic Palette

#28325E #2E396B #732634 #84404C #347326 #2E6521

Split Complementary Palette

#293360 #2E396B #6B412E #7A5443 #586B2E #4F6029

Square Palette

#27305A #2E396B #633655 #635B36 #2E6B41 #4F835F

Tetradic Palette

#262F58 #2E396B #692079 #6B602E #307920 #559148

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E396B contains 46 red, 57 green, and 107 blue.

Contrast Ratio: 11.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.84:1