#323A4B Color

Color Information

HEX#323A4B
RGB50, 58, 75
HSL221° , 20% , 25%
HSV221° , 33% , 29%
CMYK33%, 23%, 0%, 71%

Lighter Shades

#4B5261 #636976 #7C818C #9499A1 #ADB0B7 #C6C8CD

Darker Shades

#2C3342 #262C39 #202530 #1A1E27 #14171E #0E1015

Complementary Palette

#2B3241 #323A4B #423A2C #4D4433 #665E50 #4F5664

Analogous Palette

#324043 #364549 #2F3747 #323A4B #3A3649 #48435B

Triadic Palette

#2C3342 #323A4B #532D38 #684650 #38532D #314928

Split Complementary Palette

#2D3444 #323A4B #4D3833 #5F4C47 #484D33 #41452E

Square Palette

#2A313F #323A4B #493645 #494336 #334D38 #546958

Tetradic Palette

#29303E #323A4B #472858 #4D4433 #365828 #5A764F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #323A4B contains 50 red, 58 green, and 75 blue.

Contrast Ratio: 11.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.77:1