#313159 Color

Color Information

HEX#313159
RGB49, 49, 89
HSL240° , 29% , 27%
HSV240° , 45% , 35%
CMYK45%, 45%, 0%, 65%

Lighter Shades

#4A4A6D #626281 #7B7B95 #9494A9 #ADADBD #C5C5D1

Darker Shades

#2B2B4E #252544 #1F1F39 #19192E #141424 #0E0E19

Complementary Palette

#2A2A4D #313159 #4D4D2A #595931 #70704E #4E4E70

Analogous Palette

#363F49 #3B454F #2E2E54 #313159 #453B4F #554861

Triadic Palette

#2B2B4E #313159 #602A2A #734444 #2A602A #255425

Split Complementary Palette

#2C2C50 #313159 #594531 #6A5846 #455931 #3E502C

Square Palette

#29294B #313159 #523845 #525238 #315945 #527463

Tetradic Palette

#282849 #313159 #652465 #595931 #246524 #4B814B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313159 contains 49 red, 49 green, and 89 blue.

Contrast Ratio: 12.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1