#476285 Color

Color Information

HEX#476285
RGB71, 98, 133
HSL214° , 30% , 40%
HSV214° , 47% , 52%
CMYK47%, 26%, 0%, 48%

Lighter Shades

#5D7594 #7388A2 #899BB1 #9FADC0 #B5C0CE #CBD3DD

Darker Shades

#3E5675 #364A65 #2D3F55 #253345 #1C2735 #141B25

Complementary Palette

#3D5472 #476285 #725B3D #856A47 #967F61 #617896

Analogous Palette

#506B6D #577375 #435C7D #476285 #595775 #636284

Triadic Palette

#3E5675 #476285 #8F3D61 #9C5474 #618F3D #557E36

Split Complementary Palette

#405878 #476285 #854B47 #915D59 #818547 #747840

Square Palette

#3C5270 #476285 #7A5278 #7A6952 #47854B #649968

Tetradic Palette

#3A506D #476285 #6D3597 #856A47 #5F9735 #7CAA59

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #476285 contains 71 red, 98 green, and 133 blue.

Contrast Ratio: 6.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1