#315036 Color

Color Information

HEX#315036
RGB49, 80, 54
HSL130° , 24% , 25%
HSV130° , 39% , 31%
CMYK39%, 0%, 33%, 69%

Lighter Shades

#4A654E #627A66 #7B8F7E #94A496 #ADB9AF #C5CEC7

Darker Shades

#2B4630 #253D29 #1F3323 #192A1C #142016 #0E160F

Complementary Palette

#2A452E #315036 #442940 #4F304A #684D63 #4E6952

Analogous Palette

#384332 #3D4936 #2E4B33 #315036 #364943 #435B53

Triadic Palette

#2B4630 #315036 #332A55 #4B4469 #55332A #4B2D25

Split Complementary Palette

#2C4831 #315036 #45304F #584561 #4F303B #472B35

Square Palette

#29432D #315036 #363D49 #493646 #4F4530 #6B6351

Tetradic Palette

#28422C #315036 #25525B #4F304A #5B3025 #79554C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315036 contains 49 red, 80 green, and 54 blue.

Contrast Ratio: 9.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1