#556FC7 Color

Color Information

HEX#556FC7
RGB85, 111, 199
HSL226° , 50% , 56%
HSV226° , 57% , 78%
CMYK57%, 44%, 0%, 22%

Lighter Shades

#6980CE #7E92D4 #92A3DB #A7B4E2 #BBC5E9 #CFD7EF

Darker Shades

#4B62AF #415497 #36477F #2C3A67 #222C50 #181F38

Complementary Palette

#495FAB #556FC7 #AB954B #C7AD57 #CFB86F #6D83CF

Analogous Palette

#6A91A0 #6D9FB0 #5068BB #556FC7 #7F6DB0 #8877B6

Triadic Palette

#4B62AF #556FC7 #D24B6B #D7617D #6BD24B #5EB942

Split Complementary Palette

#4D64B3 #556FC7 #C77557 #CD8368 #A9C757 #98B34E

Square Palette

#475DA7 #556FC7 #BC62A4 #BCA762 #57C775 #72D08B

Tetradic Palette

#465BA3 #556FC7 #B743DB #C7AD57 #66DB43 #82E165

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556FC7 contains 85 red, 111 green, and 199 blue.

Contrast Ratio: 4.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.51:1