#315C45 Color

Color Information

HEX	#315C45
RGB	49, 92, 69
HSL	148° , 30% , 28%
HSV	148° , 47% , 36%
CMYK	47%, 0%, 25%, 64%

Lighter Shades

#4A705B #628372 #7B9788 #94AA9E #ADBEB5 #C5D1CB

Darker Shades

#2B513D #254634 #1F3B2C #193024 #14251C #0E1A13

Complementary Palette

#2A4F3B #315C45 #502B3F #5D3249 #744F62 #4E735F

Analogous Palette

#394C38 #3D523D #2E5641 #315C45 #3D5251 #4A6462

Triadic Palette

#2B513D #315C45 #452B64 #5B4477 #64452B #583D26

Split Complementary Palette

#2C533E #315C45 #5B325D #6B476D #5D3233 #542D2E

Square Palette

#294D3A #315C45 #393A56 #563948 #5D5B32 #777553

Tetradic Palette

#284B39 #315C45 #254A6A #5D3249 #6A4525 #85664C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315C45 contains 49 red, 92 green, and 69 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