#313A35 Color

Color Information

HEX#313A35
RGB49, 58, 53
HSL147° , 8% , 21%
HSV147° , 16% , 23%
CMYK16%, 0%, 9%, 77%

Lighter Shades

#4A524D #626965 #7B817E #949996 #ADB0AE #C5C8C6

Darker Shades

#2B332F #252C28 #1F2522 #191E1C #141715 #0E100F

Complementary Palette

#2A322E #313A35 #322A2E #3A3136 #564E52 #4E5651

Analogous Palette

#2B3829 #2F3E2E #2E3732 #313A35 #2E3E3C #3B4F4D

Triadic Palette

#2B332F #313A35 #352C3F #4D4556 #3F352C #372F27

Split Complementary Palette

#2C3430 #313A35 #39313A #4D464E #3A3132 #342C2D

Square Palette

#29312D #313A35 #2E2F3E #3E2E36 #3A3931 #5A5952

Tetradic Palette

#28302B #313A35 #283743 #3A3136 #433428 #65594F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313A35 contains 49 red, 58 green, and 53 blue.

Contrast Ratio: 12.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.71:1