#36226D Color

Color Information

HEX	#36226D
RGB	54, 34, 109
HSL	256° , 52% , 28%
HSV	256° , 69% , 43%
CMYK	50%, 69%, 0%, 57%

Lighter Shades

#4E3D7F #665790 #7E72A2 #968CB3 #AFA7C5 #C7C1D6

Darker Shades

#301E60 #291A53 #231646 #1C1239 #160E2C #0F0A1F

Complementary Palette

#2E1D5E #36226D #4D5E1D #596D22 #708141 #524181

Analogous Palette

#2C3758 #313B5E #332066 #36226D #54315E #5F4568

Triadic Palette

#301E60 #36226D #74331B #854B36 #1B7433 #18662D

Split Complementary Palette

#311F62 #36226D #6D5B22 #7C6B38 #346D22 #2F621F

Square Palette

#2D1D5C #36226D #652937 #556529 #226D5B #458475

Tetradic Palette

#2C1C59 #36226D #79155F #596D22 #157930 #3F9155

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #36226D contains 54 red, 34 green, and 109 blue.

Contrast Ratio: 13.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.53:1