#31315F Color

Color Information

HEX#31315F
RGB49, 49, 95
HSL240° , 32% , 28%
HSV240° , 48% , 37%
CMYK48%, 48%, 0%, 63%

Lighter Shades

#4A4A72 #626285 #7B7B99 #9494AC #ADADBF #C5C5D2

Darker Shades

#2B2B54 #252548 #1F1F3D #191931 #141426 #0E0E1B

Complementary Palette

#2A2A52 #31315F #51512A #5E5E31 #75754E #4E4E75

Analogous Palette

#38424C #3D4752 #2E2E59 #31315F #473D52 #574A64

Triadic Palette

#2B2B54 #31315F #652A2A #774444 #2A652A #255925

Split Complementary Palette

#2C2C56 #31315F #5E4731 #6E5946 #475E31 #40552C

Square Palette

#292950 #31315F #563847 #565638 #315E47 #527864

Tetradic Palette

#28284E #31315F #6A246A #5E5E31 #246A24 #4B854B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31315F contains 49 red, 49 green, and 95 blue.

Contrast Ratio: 12.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.66:1