#317F60 Color

Color Information

HEX#317F60
RGB49, 127, 96
HSL156° , 44% , 35%
HSV156° , 61% , 50%
CMYK61%, 0%, 24%, 50%

Lighter Shades

#4A8E73 #629E86 #7BAD99 #94BCAC #ADCCBF #C5DBD2

Darker Shades

#2B7054 #256149 #1F513D #194232 #143326 #0E241B

Complementary Palette

#2A6D53 #317F60 #6F2B46 #813251 #934F69 #4E9176

Analogous Palette

#3E6542 #446F48 #2E775A #317F60 #446A6F #567376

Triadic Palette

#2B7054 #317F60 #632989 #764397 #896329 #795724

Split Complementary Palette

#2C7256 #317F60 #813279 #8E4786 #813A32 #74342D

Square Palette

#296B51 #317F60 #413B78 #783B53 #798132 #8E9553

Tetradic Palette

#28684F #317F60 #224E91 #813251 #916422 #A5804A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #317F60 contains 49 red, 127 green, and 96 blue.

Contrast Ratio: 4.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.37:1