#363A65 Color

Color Information

HEX	#363A65
RGB	54, 58, 101
HSL	235° , 30% , 30%
HSV	235° , 47% , 40%
CMYK	47%, 43%, 0%, 60%

Lighter Shades

#4E5277 #66698A #7E819C #9699AF #AFB0C1 #C7C8D4

Darker Shades

#303359 #292C4D #232541 #1C1E35 #161728 #0F101C

Complementary Palette

#2E3257 #363A65 #55532E #636036 #797652 #52567B

Analogous Palette

#3D4952 #414E58 #33375F #363A65 #4B4158 #574C67

Triadic Palette

#303359 #363A65 #6A2F33 #7C484B #336A2F #2D5D29

Split Complementary Palette

#31345B #363A65 #634936 #735B4A #506336 #485931

Square Palette

#2D3155 #363A65 #5B3E4F #5B593E #366349 #567C66

Tetradic Palette

#2C3053 #363A65 #6C2970 #636036 #2D7029 #538A50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #363A65 contains 54 red, 58 green, and 101 blue.

Contrast Ratio: 11.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.88:1