#313255 Color

Color Information

HEX#313255
RGB49, 50, 85
HSL238° , 27% , 26%
HSV238° , 42% , 33%
CMYK42%, 41%, 0%, 67%

Lighter Shades

#4A4B69 #62637E #7B7C92 #9494A7 #ADADBB #C5C6CF

Darker Shades

#2B2C4B #252641 #1F2036 #191A2C #141422 #0E0E18

Complementary Palette

#2A2B49 #313255 #484729 #545330 #6C6B4D #4E4F6D

Analogous Palette

#343E46 #38434C #2E2F50 #313255 #42384C #50455E

Triadic Palette

#2B2C4B #313255 #5B2A2C #6F4445 #2C5B2A #275025

Split Complementary Palette

#2C2D4D #313255 #544130 #655445 #435430 #3C4C2B

Square Palette

#292A47 #313255 #4E3743 #4E4D37 #305441 #516F5F

Tetradic Palette

#282946 #313255 #5E2460 #545330 #276024 #4E7D4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313255 contains 49 red, 50 green, and 85 blue.

Contrast Ratio: 12.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1