#31919A Color

Color Information

HEX#31919A
RGB49, 145, 154
HSL185° , 52% , 40%
HSV185° , 68% , 60%
CMYK68%, 6%, 0%, 40%

Lighter Shades

#4A9EA6 #62ABB2 #7BB9BE #94C6CA #ADD3D7 #C5E0E3

Darker Shades

#2B8088 #256E75 #1F5D63 #194B50 #143A3E #0E292B

Complementary Palette

#2A7D84 #31919A #85322A #9B3A31 #A9564E #4EA0A8

Analogous Palette

#407D63 #45876B #2E8891 #31919A #456187 #586E8D

Triadic Palette

#2B8088 #31919A #A5279B #B041A7 #9BA527 #889122

Split Complementary Palette

#2C838B #31919A #9B315D #A5466D #9B6F31 #8C642C

Square Palette

#297A81 #31919A #6D3B91 #91423B #5D9B31 #77AB52

Tetradic Palette

#28777E #31919A #2B1FAD #9B3A31 #A2AD1F #B3BC47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31919A contains 49 red, 145 green, and 154 blue.

Contrast Ratio: 3.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.72:1