#31599F Color

Color Information

HEX	#31599F
RGB	49, 89, 159
HSL	218° , 53% , 41%
HSV	218° , 69% , 62%
CMYK	69%, 44%, 0%, 38%

Lighter Shades

#4A6DAB #6281B6 #7B95C2 #94A9CD #ADBDD9 #C5D1E4

Darker Shades

#2B4E8C #254479 #1F3966 #192E53 #142440 #0E192D

Complementary Palette

#2A4D89 #31599F #8A662A #A07731 #AD8A4E #4E70AC

Analogous Palette

#417881 #46828B #2E5495 #31599F #4F468B #615991

Triadic Palette

#2B4E8C #31599F #AA2757 #B4416B #57AA27 #4D9622

Split Complementary Palette

#2C508F #31599F #A04031 #AA5346 #91A031 #83902C

Square Palette

#294B86 #31599F #963C8A #96753C #31A040 #52AF5F

Tetradic Palette

#284982 #31599F #7C1EB3 #A07731 #55B31E #74C147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31599F contains 49 red, 89 green, and 159 blue.

Contrast Ratio: 6.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1