#326A7C Color

Color Information

HEX#326A7C
RGB50, 106, 124
HSL195° , 43% , 34%
HSV195° , 60% , 49%
CMYK60%, 15%, 0%, 51%

Lighter Shades

#4B7C8C #638E9B #7CA0AB #94B2BB #ADC3CB #C6D5DA

Darker Shades

#2C5D6D #26515E #20444F #1A3740 #142A32 #0E1E23

Complementary Palette

#2B5B6B #326A7C #6B3A2A #7C4431 #8E5E4E #4F7F8E

Analogous Palette

#3D6158 #436B61 #2F6475 #326A7C #434D6B #555C72

Triadic Palette

#2C5D6D #326A7C #85296E #94437F #6E8529 #617524

Split Complementary Palette

#2D5F70 #326A7C #7C3144 #894657 #7C6931 #705F2C

Square Palette

#2A5968 #326A7C #653A73 #73483A #447C31 #629152

Tetradic Palette

#295766 #326A7C #3C228C #7C4431 #718C22 #8BA14A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #326A7C contains 50 red, 106 green, and 124 blue.

Contrast Ratio: 6.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.49:1