#316163 Color

Color Information

HEX	#316163
RGB	49, 97, 99
HSL	182° , 34% , 29%
HSV	182° , 51% , 39%
CMYK	51%, 2%, 0%, 61%

Lighter Shades

#4A7476 #628788 #7B9A9B #94ADAE #ADC0C1 #C5D3D3

Darker Shades

#2B5557 #254A4B #1F3E3F #193233 #142728 #0E1B1C

Complementary Palette

#2A5355 #316163 #552B2A #633231 #794F4E #4E7779

Analogous Palette

#3B4F46 #3F554B #2E5B5D #316163 #3F4955 #4C5967

Triadic Palette

#2B5557 #316163 #6A2968 #7C437A #686A29 #5C5D24

Split Complementary Palette

#2C5759 #316163 #633148 #73465A #634C31 #59442C

Square Palette

#295153 #316163 #4B385C #5C3938 #486331 #657C52

Tetradic Palette

#285051 #316163 #252370 #633231 #6E7023 #888A4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316163 contains 49 red, 97 green, and 99 blue.

Contrast Ratio: 7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3:1