#313145 Color

Color Information

HEX#313145
RGB49, 49, 69
HSL240° , 17% , 23%
HSV240° , 29% , 27%
CMYK29%, 29%, 0%, 73%

Lighter Shades

#4A4A5B #626272 #7B7B88 #94949E #ADADB5 #C5C5CB

Darker Shades

#2B2B3D #252534 #1F1F2C #191924 #14141C #0E0E13

Complementary Palette

#2A2A3B #313145 #3B3B2A #454531 #5F5F4E #4E4E5F

Analogous Palette

#2E363E #323B43 #2E2E41 #313145 #3B3243 #4B3F55

Triadic Palette

#2B2B3D #313145 #4A2B2B #604444 #2B4A2B #264126

Split Complementary Palette

#2C2C3E #313145 #453B31 #584F46 #3B4531 #353E2C

Square Palette

#29293A #313145 #43323B #434332 #31453B #52635A

Tetradic Palette

#282839 #313145 #4F264F #454531 #264F26 #4D6F4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313145 contains 49 red, 49 green, and 69 blue.

Contrast Ratio: 13.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.57:1