#476C8F Color

Color Information

HEX#476C8F
RGB71, 108, 143
HSL209° , 34% , 42%
HSV209° , 50% , 56%
CMYK50%, 24%, 0%, 44%

Lighter Shades

#5D7E9C #738FAA #89A1B7 #9FB3C5 #B5C4D2 #CBD6E0

Darker Shades

#3E5F7E #36526D #2D455C #25384A #1C2B39 #141E28

Complementary Palette

#3D5D7B #476C8F #7C5B3D #906A47 #A07F61 #61819F

Analogous Palette

#557272 #5B7B7A #436686 #476C8F #5B5C7B #66668A

Triadic Palette

#3E5F7E #476C8F #9A3C6B #A6537D #6B9A3C #5E8835

Split Complementary Palette

#406181 #476C8F #904748 #9B595A #908E47 #828040

Square Palette

#3C5B78 #476C8F #835185 #856A51 #489047 #65A264

Tetradic Palette

#3A5975 #476C8F #6933A3 #906A47 #6BA333 #86B458

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #476C8F contains 71 red, 108 green, and 143 blue.

Contrast Ratio: 5.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.82:1