#316690 Color

Color Information

HEX	#316690
RGB	49, 102, 144
HSL	207° , 49% , 38%
HSV	207° , 66% , 56%
CMYK	66%, 29%, 0%, 44%

Lighter Shades

#4A789D #628BAB #7B9DB8 #94AFC5 #ADC2D3 #C5D4E0

Darker Shades

#2B5A7F #254E6D #1F415C #19354B #14293A #0E1D28

Complementary Palette

#2A587C #316690 #7C4F2A #905C31 #A0734E #4E7BA0

Analogous Palette

#3F7371 #457D7A #2E6087 #316690 #45487D #585A84

Triadic Palette

#2B5A7F #316690 #9A2867 #A64279 #679A28 #5B8823

Split Complementary Palette

#2C5C82 #316690 #903136 #9B464A #908C31 #827E2C

Square Palette

#295679 #316690 #833B87 #875D3B #369031 #56A252

Tetradic Palette

#285476 #316690 #5A20A2 #905C31 #67A220 #82B348

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316690 contains 49 red, 102 green, and 144 blue.

Contrast Ratio: 6.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.43:1