#424BC2 Color

Color Information

HEX#424BC2
RGB66, 75, 194
HSL236° , 51% , 51%
HSV236° , 66% , 76%
CMYK66%, 61%, 0%, 24%

Lighter Shades

#5961C9 #6F76D1 #868CD8 #9DA1DF #B3B7E7 #CACDEE

Darker Shades

#3A42AB #323993 #2A307C #222765 #1A1E4E #121536

Complementary Palette

#3941A7 #424BC2 #A79F39 #C2B942 #CBC35C #5C64CB

Analogous Palette

#557C9B #5B87A9 #3E47B6 #424BC2 #7D5BA9 #8869B0

Triadic Palette

#3A42AB #424BC2 #CE3640 #D44E57 #40CE36 #38B530

Split Complementary Palette

#3B44AF #424BC2 #C27A42 #C88755 #8BC242 #7DAF3B

Square Palette

#373FA3 #424BC2 #B54F89 #B5AE4F #42C27A #60CC8F

Tetradic Palette

#363E9F #424BC2 #CD2CD8 #C2B942 #37D82C #5BDF52

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #424BC2 contains 66 red, 75 green, and 194 blue.

Contrast Ratio: 7.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1