#326A50 Color

Color Information

HEX	#326A50
RGB	50, 106, 80
HSL	152° , 36% , 31%
HSV	152° , 53% , 42%
CMYK	53%, 0%, 25%, 58%

Lighter Shades

#4B7C65 #638E7A #7CA08F #94B2A4 #ADC3B9 #C6D5CE

Darker Shades

#2C5D46 #26513D #204433 #1A372A #142A20 #0E1E16

Complementary Palette

#2B5B45 #326A50 #5D2C42 #6C334D #815066 #4F7F69

Analogous Palette

#3E563F #425C43 #2F644B #326A50 #425B5C #506C6D

Triadic Palette

#2C5D46 #326A50 #512B73 #664484 #73512B #654726

Split Complementary Palette

#2D5F48 #326A50 #6C336A #7B4779 #6C3433 #612F2E

Square Palette

#2A5943 #326A50 #3B3A64 #643A4D #6A6C33 #828454

Tetradic Palette

#295742 #326A50 #244B7A #6C334D #7A5224 #92714B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #326A50 contains 50 red, 106 green, and 80 blue.

Contrast Ratio: 6.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.3:1