#475CA9 Color

Color Information

HEX#475CA9
RGB71, 92, 169
HSL227° , 41% , 47%
HSV227° , 58% , 66%
CMYK58%, 46%, 0%, 34%

Lighter Shades

#5D70B3 #7383BE #8997C8 #9FAAD2 #B5BEDD #CBD1E7

Darker Shades

#3E5195 #364680 #2D3B6C #253058 #1C2544 #141A2F

Complementary Palette

#3D4F91 #475CA9 #917F3D #A99447 #B5A361 #6173B5

Analogous Palette

#577885 #5F8391 #43569F #475CA9 #6D5F91 #796E96

Triadic Palette

#3E5195 #475CA9 #B53B55 #BE5369 #55B53B #4B9F34

Split Complementary Palette

#405398 #475CA9 #A96347 #B27359 #8DA947 #7F9840

Square Palette

#3C4D8E #475CA9 #9D5388 #9D8D53 #47A963 #64B77C

Tetradic Palette

#3A4B8B #475CA9 #A031BF #A99447 #50BF31 #70CB56

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #475CA9 contains 71 red, 92 green, and 169 blue.

Contrast Ratio: 6.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.36:1