#314A36 Color

Color Information

HEX#314A36
RGB49, 74, 54
HSL132° , 20% , 24%
HSV132° , 34% , 29%
CMYK34%, 0%, 27%, 71%

Lighter Shades

#4A604E #627566 #7B8B7E #94A196 #ADB7AF #C5CCC7

Darker Shades

#2B4130 #253829 #1F2F23 #19261C #141E16 #0E150F

Complementary Palette

#2A402E #314A36 #3F2A3B #493145 #624E5F #4E6352

Analogous Palette

#354130 #394634 #2E4633 #314A36 #344641 #415851

Triadic Palette

#2B4130 #314A36 #332B50 #4B4465 #50332B #462D26

Split Complementary Palette

#2C4331 #314A36 #423149 #55465B #493138 #422C32

Square Palette

#293E2D #314A36 #343946 #463443 #494231 #666052

Tetradic Palette

#283D2C #314A36 #264D54 #493145 #543026 #73554D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314A36 contains 49 red, 74 green, and 54 blue.

Contrast Ratio: 10:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1