#314B26 Color

Color Information

HEX	#314B26
RGB	49, 75, 38
HSL	102° , 33% , 22%
HSV	102° , 49% , 29%
CMYK	35%, 0%, 49%, 71%

Lighter Shades

#4A6140 #62765A #7B8C74 #94A18E #ADB7A8 #C5CDC2

Darker Shades

#2B4221 #25391D #1F3018 #192714 #141E0F #0E150B

Complementary Palette

#2A4121 #314B26 #372141 #40264B #5B4464 #4E6444

Analogous Palette

#383B2B #3D4130 #2E4724 #314B26 #304133 #3D5241

Triadic Palette

#2B4221 #314B26 #202E50 #3B4765 #50202E #461C28

Split Complementary Palette

#2C4422 #314B26 #2D264B #423C5D #4B2643 #44223C

Square Palette

#293F20 #314B26 #2B3F45 #3D2B45 #4B2D26 #684F49

Tetradic Palette

#283E1F #314B26 #1B5544 #40264B #551B2D #744453

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314B26 contains 49 red, 75 green, and 38 blue.

Contrast Ratio: 9.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1