#424DA3 Color

Color Information

HEX	#424DA3
RGB	66, 77, 163
HSL	233° , 42% , 45%
HSV	233° , 60% , 64%
CMYK	60%, 53%, 0%, 36%

Lighter Shades

#5962AE #6F78B9 #868DC4 #9DA2CF #B3B8DA #CACDE5

Darker Shades

#3A448F #323B7C #2A3168 #222855 #1A1F41 #12162E

Complementary Palette

#39428C #424DA3 #8C833A #A39843 #B0A65D #5C66B0

Analogous Palette

#547183 #5A798C #3E4899 #424DA3 #6D5A8C #796A90

Triadic Palette

#3A448F #424DA3 #AE3745 #B84F5B #45AE37 #3D9930

Split Complementary Palette

#3B4593 #424DA3 #A36843 #AC7756 #7EA343 #71933C

Square Palette

#374189 #424DA3 #974E7B #978F4E #43A368 #61B280

Tetradic Palette

#363F86 #424DA3 #A82EB8 #A39843 #3EB82E #61C554

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #424DA3 contains 66 red, 77 green, and 163 blue.

Contrast Ratio: 7.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.78:1