#476BB4 Color

Color Information

HEX#476BB4
RGB71, 107, 180
HSL220° , 43% , 49%
HSV220° , 61% , 71%
CMYK61%, 41%, 0%, 29%

Lighter Shades

#5D7DBD #738FC6 #89A0CF #9FB2D8 #B5C4E1 #CBD6EA

Darker Shades

#3E5E9E #365189 #2D4473 #25385E #1C2B48 #141E32

Complementary Palette

#3D5C9B #476BB4 #9A7B3D #B38F47 #BE9F61 #6180BF

Analogous Palette

#58848D #60909A #4365A9 #476BB4 #6A609A #766EA0

Triadic Palette

#3E5E9E #476BB4 #BF3B67 #C75379 #67BF3B #5BA834

Split Complementary Palette

#4060A2 #476BB4 #B35947 #BB6A59 #A1B347 #91A140

Square Palette

#3C5A97 #476BB4 #A65498 #A68B54 #47B359 #64BF74

Tetradic Palette

#3A5894 #476BB4 #9631C9 #B38F47 #64C931 #80D356

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #476BB4 contains 71 red, 107 green, and 180 blue.

Contrast Ratio: 5.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.04:1