#315334 Color

Color Information

HEX#315334
RGB49, 83, 52
HSL125° , 26% , 26%
HSV125° , 41% , 33%
CMYK41%, 0%, 37%, 67%

Lighter Shades

#4A684C #627C65 #7B917D #94A695 #ADBAAE #C5CFC6

Darker Shades

#2B492E #253F28 #1F3521 #192B1B #142115 #0E170F

Complementary Palette

#2A472D #315334 #482A46 #543151 #6C4E69 #4E6B50

Analogous Palette

#3B4634 #404C38 #2E4E31 #315334 #384C44 #455E54

Triadic Palette

#2B492E #315334 #2E2A5A #47446E #5A2E2A #4F2825

Split Complementary Palette

#2C4B2F #315334 #453154 #584665 #54313F #4C2C39

Square Palette

#29462C #315334 #38404D #4D384B #544531 #6F6352

Tetradic Palette

#28442B #315334 #255B5F #543151 #5F2A25 #7C504C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315334 contains 49 red, 83 green, and 52 blue.

Contrast Ratio: 8.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1