#315230 Color

Color Information

HEX	#315230
RGB	49, 82, 48
HSL	118° , 26% , 25%
HSV	118° , 41% , 32%
CMYK	40%, 0%, 41%, 68%

Lighter Shades

#4A6749 #627C62 #7B907B #94A593 #ADBAAC #C5CFC5

Darker Shades

#2B482A #253E24 #1F341F #192B19 #142113 #0E170D

Complementary Palette

#2A4729 #315230 #442845 #4F2F50 #684C69 #4E6A4D

Analogous Palette

#3C4332 #414936 #2E4D2D #315230 #36493F #435B4E

Triadic Palette

#2B482A #315230 #292A57 #43446B #57292A #4D2425

Split Complementary Palette

#2C4A2B #315230 #3F2F50 #524462 #502F41 #482A3B

Square Palette

#294528 #315230 #36414A #49364A #503F2F #6C5E50

Tetradic Palette

#284327 #315230 #245C5A #4F2F50 #5C2426 #794B4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315230 contains 49 red, 82 green, and 48 blue.

Contrast Ratio: 9.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1