#363F6A Color

Color Information

HEX#363F6A
RGB54, 63, 106
HSL230° , 33% , 31%
HSV230° , 49% , 42%
CMYK49%, 41%, 0%, 58%

Lighter Shades

#4E567C #666D8E #7E84A0 #969BB2 #AFB2C3 #C7C9D5

Darker Shades

#30375D #293051 #232844 #1C2137 #16192A #0F121E

Complementary Palette

#2E365B #363F6A #5A532E #696035 #7E7651 #525A7F

Analogous Palette

#3F4E55 #43535B #333B64 #363F6A #4B435B #574E6A

Triadic Palette

#30375D #363F6A #712D38 #824650 #38712D #316328

Split Complementary Palette

#31395F #363F6A #694635 #785949 #586935 #4F5F30

Square Palette

#2D3559 #363F6A #613D55 #615B3D #356946 #558164

Tetradic Palette

#2C3457 #363F6A #6A2777 #696035 #347727 #598F4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #363F6A contains 54 red, 63 green, and 106 blue.

Contrast Ratio: 10.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1