#323A64 Color

Color Information

HEX#323A64
RGB50, 58, 100
HSL230° , 33% , 29%
HSV230° , 50% , 39%
CMYK50%, 42%, 0%, 61%

Lighter Shades

#4B5277 #636989 #7C819C #9499AE #ADB0C1 #C6C8D4

Darker Shades

#2C3358 #262C4C #202540 #1A1E34 #141728 #0E101C

Complementary Palette

#2B3256 #323A64 #544D2B #625A32 #78714F #4F567A

Analogous Palette

#3B484F #3F4E55 #2F375E #323A64 #463F55 #554C67

Triadic Palette

#2C3358 #323A64 #692B35 #7B444D #35692B #2F5C26

Split Complementary Palette

#2D345A #323A64 #624232 #725547 #526232 #4A582D

Square Palette

#2A3154 #323A64 #5A3A4F #5A553A #326242 #537B60

Tetradic Palette

#293052 #323A64 #63256F #625A32 #316F25 #56894C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #323A64 contains 50 red, 58 green, and 100 blue.

Contrast Ratio: 11.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.85:1