#1224A5 Color

Color Information

HEX#1224A5
RGB18, 36, 165
HSL233° , 80% , 36%
HSV233° , 89% , 65%
CMYK89%, 78%, 0%, 35%

Lighter Shades

#2E3EB0 #4B59BB #6773C5 #848DD0 #A0A7DB #BDC2E6

Darker Shades

#102091 #0E1B7D #0C176A #091356 #070E42 #050A2E

Complementary Palette

#0F1F8E #1224A5 #8E7F0F #A59412 #B2A333 #3343B2

Analogous Palette

#226087 #256993 #11229B #1224A5 #4F2593 #5E3A98

Triadic Palette

#102091 #1224A5 #AE091C #B82737 #1CAE09 #199908

Split Complementary Palette

#102095 #1224A5 #A54B12 #AE5D2A #6DA512 #629510

Square Palette

#0F1E8B #1224A5 #9C1C6B #9C8D1C #12A54B #38B368

Tetradic Palette

#0F1E87 #1224A5 #A102B6 #A59412 #17B602 #41C330

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1224A5 contains 18 red, 36 green, and 165 blue.

Contrast Ratio: 11.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.76:1