#31677A Color

Color Information

HEX	#31677A
RGB	49, 103, 122
HSL	196° , 43% , 34%
HSV	196° , 60% , 48%
CMYK	60%, 16%, 0%, 52%

Lighter Shades

#4A798A #628B9A #7B9EAA #94B0BA #ADC2CA #C5D4DA

Darker Shades

#2B5B6B #254E5D #1F424E #19363F #142931 #0E1D22

Complementary Palette

#2A5969 #31677A #6B3B2A #7C4531 #8E5F4E #4E7C8D

Analogous Palette

#3D6159 #436B61 #2E6173 #31677A #434C6B #555C72

Triadic Palette

#2B5B6B #31677A #85296C #94437E #6C8529 #5F7524

Split Complementary Palette

#2C5D6E #31677A #7C3143 #894656 #7C6B31 #70602C

Square Palette

#295766 #31677A #663A73 #73493A #437C31 #619152

Tetradic Palette

#285464 #31677A #3E228C #7C4531 #6F8C22 #89A14A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31677A contains 49 red, 103 green, and 122 blue.

Contrast Ratio: 6.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.34:1