#3994A0 Color

Color Information

HEX#3994A0
RGB57, 148, 160
HSL187° , 47% , 43%
HSV187° , 64% , 63%
CMYK64%, 7%, 0%, 37%

Lighter Shades

#51A1AB #69AEB7 #80BBC2 #98C7CE #B0D4D9 #C8E1E4

Darker Shades

#32828D #2B707A #245F66 #1E4D53 #173B40 #10292D

Complementary Palette

#317F8A #3994A0 #8A3C32 #A1463A #AE6056 #55A3AD

Analogous Palette

#497E6A #508B75 #368B96 #3994A0 #50678B #637592

Triadic Palette

#32828D #3994A0 #AC2F9E #B648AA #9EAC2F #8B9729

Split Complementary Palette

#338590 #3994A0 #A13A62 #AA4E72 #A17A3A #916E34

Square Palette

#307C86 #3994A0 #774596 #964F45 #62A13A #7BB05A

Tetradic Palette

#2F7983 #3994A0 #3726B5 #A1463A #A4B526 #B4C24D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3994A0 contains 57 red, 148 green, and 160 blue.

Contrast Ratio: 3.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6:1