#323A63 Color

Color Information

HEX#323A63
RGB50, 58, 99
HSL230° , 33% , 29%
HSV230° , 49% , 39%
CMYK49%, 41%, 0%, 61%

Lighter Shades

#4B5276 #636988 #7C819B #9499AE #ADB0C1 #C6C8D3

Darker Shades

#2C3357 #262C4B #20253F #1A1E33 #141728 #0E101C

Complementary Palette

#2B3255 #323A63 #544D2B #625A32 #78714F #4F5679

Analogous Palette

#3B484F #3F4E55 #2F375D #323A63 #463F55 #554C67

Triadic Palette

#2C3357 #323A63 #692B35 #7B444D #35692B #2F5C26

Split Complementary Palette

#2D3459 #323A63 #624232 #725547 #526232 #4A582D

Square Palette

#2A3153 #323A63 #5A3A4F #5A553A #326242 #537B60

Tetradic Palette

#293051 #323A63 #63256F #625A32 #316F25 #56894C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #323A63 contains 50 red, 58 green, and 99 blue.

Contrast Ratio: 11.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.85:1