#314236 Color

Color Information

HEX#314236
RGB49, 66, 54
HSL138° , 15% , 23%
HSV138° , 26% , 26%
CMYK26%, 0%, 18%, 74%

Lighter Shades

#4A594E #626F66 #7B867E #949D96 #ADB3AF #C5CAC7

Darker Shades

#2B3A30 #253229 #1F2A23 #19221C #141A16 #0E120F

Complementary Palette

#2A392E #314236 #3A2B35 #43323E #5D4F59 #4E5C52

Analogous Palette

#303E2E #354332 #2E3E33 #314236 #324340 #3F5551

Triadic Palette

#2B3A30 #314236 #352C49 #4D455F #49352C #402F27

Split Complementary Palette

#2C3B31 #314236 #403243 #534756 #433235 #3C2D30

Square Palette

#29372D #314236 #323543 #43323E #434032 #615F53

Tetradic Palette

#28362C #314236 #27424E #43323E #4E3327 #6E584E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314236 contains 49 red, 66 green, and 54 blue.

Contrast Ratio: 11.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.89:1