#315050 Color

Color Information

HEX	#315050
RGB	49, 80, 80
HSL	180° , 24% , 25%
HSV	180° , 39% , 31%
CMYK	39%, 0%, 0%, 69%

Lighter Shades

#4A6565 #627A7A #7B8F8F #94A4A4 #ADB9B9 #C5CECE

Darker Shades

#2B4646 #253D3D #1F3333 #192A2A #142020 #0E1616

Complementary Palette

#2A4545 #315050 #442929 #4F3030 #684D4D #4E6969

Analogous Palette

#32433B #364940 #2E4B4B #315050 #364049 #434F5B

Triadic Palette

#2B4646 #315050 #552A55 #694469 #55552A #4B4B25

Split Complementary Palette

#2C4848 #315050 #4F3040 #614553 #4F4030 #473A2B

Square Palette

#294343 #315050 #403649 #493636 #404F30 #5F6B51

Tetradic Palette

#284242 #315050 #25255B #4F3030 #5B5B25 #79794C

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1