#313A38 Color

Color Information

HEX#313A38
RGB49, 58, 56
HSL167° , 8% , 21%
HSV167° , 16% , 23%
CMYK16%, 0%, 3%, 77%

Lighter Shades

#4A5250 #626968 #7B8180 #949998 #ADB0AF #C5C8C7

Darker Shades

#2B3331 #252C2B #1F2524 #191E1D #141716 #0E1010

Complementary Palette

#2A3230 #313A38 #322A2C #3A3133 #564E50 #4E5654

Analogous Palette

#29382F #2E3E33 #2E3735 #313A38 #2E383E #3B484F

Triadic Palette

#2B3331 #313A38 #3B2C3F #534556 #3F3B2C #373427

Split Complementary Palette

#2C3432 #313A38 #3A3137 #4E464B #3A3431 #342F2C

Square Palette

#29312F #313A38 #332E3E #3E2E31 #373A31 #575A52

Tetradic Palette

#28302E #313A38 #282E43 #3A3133 #433D28 #65604F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313A38 contains 49 red, 58 green, and 56 blue.

Contrast Ratio: 12.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.71:1