#31625E Color

Color Information

HEX#31625E
RGB49, 98, 94
HSL175° , 33% , 29%
HSV175° , 50% , 38%
CMYK50%, 0%, 4%, 62%

Lighter Shades

#4A7571 #628885 #7B9B98 #94ADAB #ADC0BF #C5D3D2

Darker Shades

#2B5653 #254A47 #1F3F3C #193331 #142726 #0E1B1A

Complementary Palette

#2A5451 #31625E #542B2E #623236 #784F52 #4E7875

Analogous Palette

#3B4F43 #3F5548 #2E5C58 #31625E #3F4C55 #4C5B67

Triadic Palette

#2B5653 #31625E #642B69 #77447B #69642B #5C5826

Split Complementary Palette

#2C5855 #31625E #62324E #724760 #624632 #583F2D

Square Palette

#29524F #31625E #473A5A #5A3A3C #4E6232 #6A7B53

Tetradic Palette

#28504D #31625E #252B6F #623236 #6F6925 #89844C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31625E contains 49 red, 98 green, and 94 blue.

Contrast Ratio: 6.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.02:1