#315048 Color

Color Information

HEX	#315048
RGB	49, 80, 72
HSL	165° , 24% , 25%
HSV	165° , 39% , 31%
CMYK	39%, 0%, 10%, 69%

Lighter Shades

#4A655E #627A74 #7B8F8A #94A4A0 #ADB9B6 #C5CECC

Darker Shades

#2B463F #253D37 #1F332E #192A25 #14201D #0E1614

Complementary Palette

#2A453E #315048 #442930 #4F3038 #684D54 #4E6962

Analogous Palette

#324337 #36493B #2E4B44 #315048 #364549 #43555B

Triadic Palette

#2B463F #315048 #4B2A55 #614469 #554B2A #4B4225

Split Complementary Palette

#2C4841 #315048 #4F3047 #614559 #4F3830 #47322B

Square Palette

#29433C #315048 #3B3649 #49363B #474F30 #646B51

Tetradic Palette

#28423B #315048 #25325B #4F3038 #5B4D25 #796D4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315048 contains 49 red, 80 green, and 72 blue.

Contrast Ratio: 9.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.32:1