#31669F Color

Color Information

HEX	#31669F
RGB	49, 102, 159
HSL	211° , 53% , 41%
HSV	211° , 69% , 62%
CMYK	69%, 36%, 0%, 38%

Lighter Shades

#4A78AB #628BB6 #7B9DC2 #94AFCD #ADC2D9 #C5D4E4

Darker Shades

#2B5A8C #254E79 #1F4166 #193553 #142940 #0E1D2D

Complementary Palette

#2A5889 #31669F #8A5B2A #A06A31 #AD7F4E #4E7BAC

Analogous Palette

#418081 #468A8B #2E6095 #31669F #47468B #5A5991

Triadic Palette

#2B5A8C #31669F #AA2766 #B44178 #66AA27 #5A9622

Split Complementary Palette

#2C5C8F #31669F #A03331 #AA4746 #9EA031 #8E902C

Square Palette

#295686 #31669F #963C94 #966A3C #31A033 #52AF54

Tetradic Palette

#285482 #31669F #6B1EB3 #A06A31 #66B31E #82C147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31669F contains 49 red, 102 green, and 159 blue.

Contrast Ratio: 5.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.53:1