#7D97D0 Color

Color Information

HEX#7D97D0
RGB125, 151, 208
HSL221° , 47% , 65%
HSV221° , 40% , 82%
CMYK40%, 27%, 0%, 18%

Lighter Shades

#8DA3D6 #9CB0DB #ACBCE1 #BBC9E7 #CBD5EC #DBE2F2

Darker Shades

#6E85B7 #5F739E #506185 #414F6C #323C53 #232A3A

Complementary Palette

#6C82B3 #7D97D0 #B39C6B #D0B57C #D7BF8E #8FA6D7

Analogous Palette

#87A5AB #8EB5BE #768EC4 #7D97D0 #968EBE #9F97C4

Triadic Palette

#6E85B7 #7D97D0 #D97393 #DE84A0 #93D973 #81BF65

Split Complementary Palette

#7188BB #7D97D0 #D08B7C #D59789 #C0D07C #ADBB70

Square Palette

#697FAF #7D97D0 #C785BB #C7B285 #7CD08B #91D89E

Tetradic Palette

#677CAB #7D97D0 #BB6CE0 #D0B57C #90E06C #A4E686

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7D97D0 contains 125 red, 151 green, and 208 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.33:1