#363F9A Color

Color Information

HEX	#363F9A
RGB	54, 63, 154
HSL	235° , 48% , 41%
HSV	235° , 65% , 60%
CMYK	65%, 59%, 0%, 40%

Lighter Shades

#4E56A6 #666DB2 #7E84BE #969BCA #AFB2D7 #C7C9E3

Darker Shades

#303788 #293075 #232863 #1C2150 #16193E #0F122B

Complementary Palette

#2E3684 #363F9A #857E2E #9B9236 #A9A152 #525AA8

Analogous Palette

#46657C #4B6D86 #333B91 #363F9A #644B86 #715E8D

Triadic Palette

#303788 #363F9A #A52C36 #B0454E #36A52C #309127

Split Complementary Palette

#31398B #363F9A #9B6036 #A5704A #719B36 #668C31

Square Palette

#2D3581 #363F9A #90416F #908A41 #369B60 #56AB79

Tetradic Palette

#2C347E #363F9A #A224AE #9B9236 #2FAE24 #54BD4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #363F9A contains 54 red, 63 green, and 154 blue.

Contrast Ratio: 9.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1