#316252 Color

Color Information

HEX#316252
RGB49, 98, 82
HSL160° , 33% , 29%
HSV160° , 50% , 38%
CMYK50%, 0%, 16%, 62%

Lighter Shades

#4A7567 #62887C #7B9B90 #94ADA5 #ADC0BA #C5D3CF

Darker Shades

#2B5648 #254A3E #1F3F34 #19332B #142721 #0E1B17

Complementary Palette

#2A5447 #316252 #542B39 #623242 #784F5C #4E786A

Analogous Palette

#3B4F3E #3F5543 #2E5C4D #316252 #3F5155 #4C6267

Triadic Palette

#2B5648 #316252 #542B69 #69447B #69542B #5C4A26

Split Complementary Palette

#2C584A #316252 #62325A #72476B #623A32 #58342D

Square Palette

#295245 #316252 #3F3A5A #5A3A45 #5A6232 #747B53

Tetradic Palette

#285043 #316252 #253E6F #623242 #6F5625 #89744C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316252 contains 49 red, 98 green, and 82 blue.

Contrast Ratio: 7.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1