#313645 Color

Color Information

HEX	#313645
RGB	49, 54, 69
HSL	225° , 17% , 23%
HSV	225° , 29% , 27%
CMYK	29%, 22%, 0%, 73%

Lighter Shades

#4A4E5B #626672 #7B7E88 #94969E #ADAFB5 #C5C7CB

Darker Shades

#2B303D #252934 #1F232C #191C24 #14161C #0E0F13

Complementary Palette

#2A2E3B #313645 #3B372A #454031 #5F5B4E #4E525F

Analogous Palette

#2E3A3E #323F43 #2E3341 #313645 #363243 #453F55

Triadic Palette

#2B303D #313645 #4A2B33 #60444B #334A2B #2D4126

Split Complementary Palette

#2C313E #313645 #453631 #584A46 #404531 #3A3E2C

Square Palette

#292D3A #313645 #43323F #433F32 #314536 #526356

Tetradic Palette

#282C39 #313645 #45264F #454031 #304F26 #556F4D

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.66:1