#315A5C Color

Color Information

HEX#315A5C
RGB49, 90, 92
HSL183° , 30% , 28%
HSV183° , 47% , 36%
CMYK47%, 2%, 0%, 64%

Lighter Shades

#4A6E70 #628283 #7B9597 #94A9AA #ADBDBE #C5D1D1

Darker Shades

#2B4F51 #254446 #1F3A3B #192F30 #142425 #0E191A

Complementary Palette

#2A4D4F #315A5C #502D2B #5D3432 #74504F #4E7173

Analogous Palette

#384C43 #3D5248 #2E5556 #315A5C #3D4652 #4A5564

Triadic Palette

#2B4F51 #315A5C #642B61 #774474 #61642B #555826

Split Complementary Palette

#2C5153 #315A5C #5D3245 #6D4758 #5D4A32 #54432D

Square Palette

#294C4D #315A5C #493956 #563B39 #455D32 #637753

Tetradic Palette

#284A4B #315A5C #29256A #5D3432 #666A25 #82854C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315A5C contains 49 red, 90 green, and 92 blue.

Contrast Ratio: 7.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1