#475C96 Color

Color Information

HEX#475C96
RGB71, 92, 150
HSL224° , 36% , 43%
HSV224° , 53% , 59%
CMYK53%, 39%, 0%, 41%

Lighter Shades

#5D70A3 #7383AF #8997BC #9FAAC8 #B5BED5 #CBD1E2

Darker Shades

#3E5184 #364672 #2D3B60 #25304E #1C253C #141A2A

Complementary Palette

#3D4F81 #475C96 #806E3C #958046 #A49260 #6173A5

Analogous Palette

#546C73 #5C777F #43568D #475C96 #645C7F #6E668A

Triadic Palette

#3E5184 #475C96 #A03B56 #AB536A #56A03B #4C8D34

Split Complementary Palette

#405387 #475C96 #955946 #A06A59 #839546 #76863F

Square Palette

#3C4D7E #475C96 #8A517D #8A7B51 #469559 #64A674

Tetradic Palette

#3A4B7B #475C96 #8932A9 #958046 #52A932 #71B857

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #475C96 contains 71 red, 92 green, and 150 blue.

Contrast Ratio: 6.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.22:1