#316F90 Color

Color Information

HEX#316F90
RGB49, 111, 144
HSL201° , 49% , 38%
HSV201° , 66% , 56%
CMYK66%, 23%, 0%, 44%

Lighter Shades

#4A809D #6292AB #7BA3B8 #94B4C5 #ADC5D3 #C5D7E0

Darker Shades

#2B627F #25546D #1F475C #193A4B #142C3A #0E1F28

Complementary Palette

#2A5F7C #316F90 #7C472A #905331 #A06B4E #4E83A0

Analogous Palette

#3F736C #457D75 #2E6887 #316F90 #454D7D #585F84

Triadic Palette

#2B627F #316F90 #9A2872 #A64283 #729A28 #648823

Split Complementary Palette

#2C6482 #316F90 #903140 #9B4653 #908231 #82752C

Square Palette

#295D79 #316F90 #7B3B87 #87563B #409031 #5FA252

Tetradic Palette

#285B76 #316F90 #4D20A2 #905331 #74A220 #8DB348

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316F90 contains 49 red, 111 green, and 144 blue.

Contrast Ratio: 5.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.82:1