#325063 Color

Color Information

HEX#325063
RGB50, 80, 99
HSL203° , 33% , 29%
HSV203° , 49% , 39%
CMYK49%, 19%, 0%, 61%

Lighter Shades

#4B6576 #637A88 #7C8F9B #94A4AE #ADB9C1 #C6CED3

Darker Shades

#2C4657 #263D4B #20333F #1A2A33 #142028 #0E161C

Complementary Palette

#2B4555 #325063 #543A2B #624432 #785E4F #4F6979

Analogous Palette

#3B4F4D #3F5553 #2F4B5D #325063 #3F4155 #4C4F67

Triadic Palette

#2C4657 #325063 #692B51 #7B4466 #51692B #475C26

Split Complementary Palette

#2D4859 #325063 #623237 #72474B #625D32 #58542D

Square Palette

#2A4353 #325063 #573A5A #5A463A #376232 #577B53

Tetradic Palette

#294251 #325063 #41256F #624432 #536F25 #72894C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325063 contains 50 red, 80 green, and 99 blue.

Contrast Ratio: 8.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1