#315E51 Color

Color Information

HEX	#315E51
RGB	49, 94, 81
HSL	163° , 31% , 28%
HSV	163° , 48% , 37%
CMYK	48%, 0%, 14%, 63%

Lighter Shades

#4A7166 #62857B #7B9890 #94ABA5 #ADBFB9 #C5D2CE

Darker Shades

#2B5347 #25473E #1F3C34 #19312A #142620 #0E1A17

Complementary Palette

#2A5146 #315E51 #512A35 #5E313E #754E59 #4E7569

Analogous Palette

#384C3D #3D5241 #2E584C #315E51 #3D4D52 #4A5E64

Triadic Palette

#2B5347 #315E51 #542A65 #694477 #65542A #594A25

Split Complementary Palette

#2C5549 #315E51 #5E3154 #6E4665 #5E3B31 #55352C

Square Palette

#294F44 #315E51 #3F3856 #563841 #545E31 #6F7852

Tetradic Palette

#284D42 #315E51 #24386A #5E313E #6A5724 #85754B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315E51 contains 49 red, 94 green, and 81 blue.

Contrast Ratio: 7.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.82:1