#7DA0D2 Color

Color Information

HEX#7DA0D2
RGB125, 160, 210
HSL215° , 49% , 66%
HSV215° , 40% , 82%
CMYK40%, 24%, 0%, 18%

Lighter Shades

#8DABD7 #9CB7DD #ACC2E2 #BBCEE8 #CBD9ED #DBE4F2

Darker Shades

#6E8DB9 #5F7AA0 #506686 #41536D #324054 #232D3B

Complementary Palette

#6C8AB5 #7DA0D2 #B5976C #D3AF7E #D9BA90 #8FADD8

Analogous Palette

#89ABAE #8FBDC1 #7696C5 #7DA0D2 #938FC1 #9C98C8

Triadic Palette

#6E8DB9 #7DA0D2 #DB75A0 #DF86AB #A0DB75 #8DC167

Split Complementary Palette

#7190BD #7DA0D2 #D3857E #D7918B #CCD37E #B8BE71

Square Palette

#6986B0 #7DA0D2 #CA86C4 #CAAE86 #7ED385 #93DA99

Tetradic Palette

#6783AC #7DA0D2 #B26EE2 #D3AF7E #9FE26E #B0E788

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7DA0D2 contains 125 red, 160 green, and 210 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.96:1