#6774A4 Color

Color Information

HEX#6774A4
RGB103, 116, 164
HSL227° , 25% , 52%
HSV227° , 37% , 64%
CMYK37%, 29%, 0%, 36%

Lighter Shades

#7985AF #8B95BA #9EA6C5 #B0B7D0 #C2C7DB #D4D8E6

Darker Shades

#5B6690 #4E587D #424A69 #363C55 #292E42 #1D202E

Complementary Palette

#59648D #6774A4 #8C8158 #A39666 #B0A57B #7C87B1

Analogous Palette

#68828D #728D97 #616D9A #6774A4 #7D7297 #887EA0

Triadic Palette

#5B6690 #6774A4 #AF5A6C #B96E7E #6CAF5A #5F9A4F

Split Complementary Palette

#5D6894 #6774A4 #A37766 #AC8575 #92A366 #83935C

Square Palette

#57618A #6774A4 #97728D #978F72 #66A377 #7EB28D

Tetradic Palette

#545F86 #6774A4 #A250B9 #A39666 #67B950 #82C670

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6774A4 contains 103 red, 116 green, and 164 blue.

Contrast Ratio: 4.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.65:1