#316148 Color

Color Information

HEX#316148
RGB49, 97, 72
HSL149° , 33% , 29%
HSV149° , 49% , 38%
CMYK49%, 0%, 26%, 62%

Lighter Shades

#4A745E #628774 #7B9A8A #94ADA0 #ADC0B6 #C5D3CC

Darker Shades

#2B553F #254A37 #1F3E2E #193225 #14271D #0E1B14

Complementary Palette

#2A533E #316148 #542B41 #62324B #784F64 #4E7762

Analogous Palette

#3B4F3B #3F553F #2E5B44 #316148 #3F5555 #4C6767

Triadic Palette

#2B553F #316148 #492B69 #5F447B #69492B #5C4026

Split Complementary Palette

#2C5741 #316148 #623262 #724772 #623232 #582D2D

Square Palette

#29513C #316148 #3A3A5A #5A3A4A #626232 #7B7B53

Tetradic Palette

#28503B #316148 #254B6F #62324B #6F4925 #896A4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316148 contains 49 red, 97 green, and 72 blue.

Contrast Ratio: 7.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.91:1