#324CA7 Color

Color Information

HEX#324CA7
RGB50, 76, 167
HSL227° , 54% , 43%
HSV227° , 70% , 65%
CMYK70%, 54%, 0%, 35%

Lighter Shades

#4B61B2 #6377BC #7C8CC7 #94A2D1 #ADB7DC #C6CDE6

Darker Shades

#2C4393 #263A7F #20316B #1A2857 #141E43 #0E152F

Complementary Palette

#2B4190 #324CA7 #917B2B #A98F32 #B59F4F #4F65B3

Analogous Palette

#427285 #487E93 #2F479D #324CA7 #5D4893 #6B5A96

Triadic Palette

#2C4393 #324CA7 #B42746 #BD415C #46B427 #3E9E22

Split Complementary Palette

#2D4496 #324CA7 #A95432 #B26547 #87A932 #7A982D

Square Palette

#2A408C #324CA7 #9E3D83 #9E893D #32A954 #53B76F

Tetradic Palette

#293E89 #324CA7 #9A1FBD #A98F32 #41BD1F #63C947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #324CA7 contains 50 red, 76 green, and 167 blue.

Contrast Ratio: 7.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1