#315F59 Color

Color Information

HEX	#315F59
RGB	49, 95, 89
HSL	172° , 32% , 28%
HSV	172° , 48% , 37%
CMYK	48%, 0%, 6%, 63%

Lighter Shades

#4A726D #628581 #7B9995 #94ACA9 #ADBFBD #C5D2D1

Darker Shades

#2B544E #254844 #1F3D39 #19312E #142624 #0E1B19

Complementary Palette

#2A524D #315F59 #512A2F #5E3137 #754E53 #4E7570

Analogous Palette

#384C40 #3D5244 #2E5954 #315F59 #3D4A52 #4A5A64

Triadic Palette

#2B544E #315F59 #5D2A65 #704477 #655D2A #595225

Split Complementary Palette

#2C5650 #315F59 #5E314D #6E465F #5E4131 #553B2C

Square Palette

#29504B #315F59 #433856 #56383C #4D5E31 #697852

Tetradic Palette

#284E49 #315F59 #242E6A #5E3137 #6A6124 #857D4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315F59 contains 49 red, 95 green, and 89 blue.

Contrast Ratio: 7.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1