#313163 Color

Color Information

HEX#313163
RGB49, 49, 99
HSL240° , 34% , 29%
HSV240° , 51% , 39%
CMYK51%, 51%, 0%, 61%

Lighter Shades

#4A4A76 #626288 #7B7B9B #9494AE #ADADC1 #C5C5D3

Darker Shades

#2B2B57 #25254B #1F1F3F #191933 #141428 #0E0E1C

Complementary Palette

#2A2A55 #313163 #55552A #636331 #79794E #4E4E79

Analogous Palette

#3B454F #3F4A55 #2E2E5D #313163 #4A3F55 #594C67

Triadic Palette

#2B2B57 #313163 #6A2929 #7C4343 #296A29 #245D24

Split Complementary Palette

#2C2C59 #313163 #634A31 #735C46 #4A6331 #43592C

Square Palette

#292953 #313163 #5C384A #5C5C38 #31634A #527C67

Tetradic Palette

#282851 #313163 #702370 #636331 #237023 #4B8A4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313163 contains 49 red, 49 green, and 99 blue.

Contrast Ratio: 12.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.67:1