#363A6A Color

Color Information

HEX	#363A6A
RGB	54, 58, 106
HSL	235° , 33% , 31%
HSV	235° , 49% , 42%
CMYK	49%, 45%, 0%, 58%

Lighter Shades

#4E527C #66698E #7E81A0 #9699B2 #AFB0C3 #C7C8D5

Darker Shades

#30335D #292C51 #232544 #1C1E37 #16172A #0F101E

Complementary Palette

#2E325B #363A6A #5A572E #696535 #7E7B51 #52567F

Analogous Palette

#3F4B55 #43515B #333764 #363A6A #4D435B #5A4E6A

Triadic Palette

#30335D #363A6A #712D33 #82464B #33712D #2D6328

Split Complementary Palette

#31345F #363A6A #694B35 #785D49 #536935 #4B5F30

Square Palette

#2D3159 #363A6A #613D52 #615E3D #35694B #558168

Tetradic Palette

#2C3057 #363A6A #712777 #696535 #2D7727 #538F4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #363A6A contains 54 red, 58 green, and 106 blue.

Contrast Ratio: 11.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1