#322F50 Color

Color Information

HEX	#322F50
RGB	50, 47, 80
HSL	245° , 26% , 25%
HSV	245° , 41% , 31%
CMYK	38%, 41%, 0%, 69%

Lighter Shades

#4B4865 #63617A #7C7A8F #9493A4 #ADACB9 #C6C5CE

Darker Shades

#2C2946 #26243D #201E33 #1A182A #141320 #0E0D16

Complementary Palette

#2B2845 #322F50 #434528 #4E502F #67694C #4F4C69

Analogous Palette

#323943 #363E49 #2F2C4B #322F50 #423649 #51435B

Triadic Palette

#2C2946 #322F50 #572D29 #6B4643 #29572D #244D28

Split Complementary Palette

#2D2A48 #322F50 #50432F #625644 #3D502F #37482A

Square Palette

#2A2743 #322F50 #4A363E #494A36 #2F5043 #506C61

Tetradic Palette

#292742 #322F50 #5C2458 #4E502F #245C28 #4B794F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #322F50 contains 50 red, 47 green, and 80 blue.

Contrast Ratio: 13.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.58:1