#363A9E Color

Color Information

HEX	#363A9E
RGB	54, 58, 158
HSL	238° , 49% , 42%
HSV	238° , 66% , 62%
CMYK	66%, 63%, 0%, 38%

Lighter Shades

#4E52AA #6669B5 #7E81C1 #9699CD #AFB0D8 #C7C8E4

Darker Shades

#30338B #292C78 #232565 #1C1E52 #16173F #0F102C

Complementary Palette

#2E3288 #363A9E #8A862F #A09C37 #ADAA53 #5256AC

Analogous Palette

#48657F #4C6D8A #333795 #363A9E #694C8A #765F91

Triadic Palette

#30338B #363A9E #AA2C30 #B44549 #30AA2C #2A9627

Split Complementary Palette

#31348E #363A9E #A06837 #AA774B #6FA037 #649032

Square Palette

#2D3185 #363A9E #95416E #959241 #37A068 #57AF80

Tetradic Palette

#2C3082 #363A9E #AE23B3 #A09C37 #28B323 #4FC14B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #363A9E contains 54 red, 58 green, and 158 blue.

Contrast Ratio: 9.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1