#424ACC Color

Color Information

HEX	#424ACC
RGB	66, 74, 204
HSL	237° , 58% , 53%
HSV	237° , 68% , 80%
CMYK	68%, 64%, 0%, 20%

Lighter Shades

#5960D2 #6F75D8 #868BDE #9DA1E4 #B3B7EB #CACCF1

Darker Shades

#3A41B4 #32389B #2A2F83 #22266A #1A1E52 #121539

Complementary Palette

#3940AF #424ACC #B0AA39 #CDC642 #D4CE5C #5C63D3

Analogous Palette

#5681A4 #5A8CB5 #3E46C0 #424ACC #835AB5 #8D68BB

Triadic Palette

#3A41B4 #424ACC #D9363E #DE4E55 #3ED936 #37BF30

Split Complementary Palette

#3B43B8 #424ACC #CD8042 #D28D55 #8ECD42 #80B93B

Square Palette

#373EAB #424ACC #C14E8D #C1BB4E #42CD80 #60D594

Tetradic Palette

#363DA7 #424ACC #D92CE2 #CDC642 #35E22C #59E752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #424ACC contains 66 red, 74 green, and 204 blue.

Contrast Ratio: 6.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1