#363A4D Color

Color Information

HEX#363A4D
RGB54, 58, 77
HSL230° , 18% , 26%
HSV230° , 30% , 30%
CMYK30%, 25%, 0%, 70%

Lighter Shades

#4E5262 #666978 #7E818D #9699A2 #AFB0B8 #C7C8CD

Darker Shades

#303344 #292C3B #232531 #1C1E28 #16171F #0F1016

Complementary Palette

#2E3242 #363A4D #43402E #4E4A36 #676352 #525666

Analogous Palette

#344046 #38464C #333748 #363A4D #3F384C #4D455E

Triadic Palette

#303344 #363A4D #553036 #69494E #365530 #304B2A

Split Complementary Palette

#313445 #363A4D #4E3E36 #60514A #464E36 #3F4631

Square Palette

#2D3141 #363A4D #4C3846 #4C4938 #364E3E #566A5D

Tetradic Palette

#2C303F #363A4D #522A5A #4E4A36 #325A2A #577850

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #363A4D contains 54 red, 58 green, and 77 blue.

Contrast Ratio: 11.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.79:1