#319294 Color

Color Information

HEX#319294
RGB49, 146, 148
HSL181° , 50% , 39%
HSV181° , 67% , 58%
CMYK67%, 1%, 0%, 42%

Lighter Shades

#4A9FA1 #62ACAE #7BB9BB #94C6C7 #ADD3D4 #C5E0E1

Darker Shades

#2B8082 #256F70 #1F5D5F #194C4D #143A3B #0E2929

Complementary Palette

#2A7E7F #319294 #802C2B #953332 #A4504F #4EA1A3

Analogous Palette

#40775D #468164 #2E898B #319294 #466281 #597088

Triadic Palette

#2B8082 #319294 #9F289D #AB42A9 #9D9F28 #8A8C23

Split Complementary Palette

#2C8385 #319294 #953262 #A04772 #956532 #865B2D

Square Palette

#297B7C #319294 #653C8B #8B3D3C #629532 #7BA653

Tetradic Palette

#287879 #319294 #2220A7 #953332 #A5A720 #B5B748

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #319294 contains 49 red, 146 green, and 148 blue.

Contrast Ratio: 3.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.74:1