#7DA4D2 Color

Color Information

HEX#7DA4D2
RGB125, 164, 210
HSL212° , 49% , 66%
HSV212° , 40% , 82%
CMYK40%, 22%, 0%, 18%

Lighter Shades

#8DAFD7 #9CBADD #ACC5E2 #BBD0E8 #CBDBED #DBE6F2

Darker Shades

#6E90B9 #5F7DA0 #506986 #41556D #324254 #232E3B

Complementary Palette

#6C8DB5 #7DA4D2 #B5936C #D3AB7E #D9B790 #8FB1D8

Analogous Palette

#89ADAE #8FC0C1 #769AC5 #7DA4D2 #918FC1 #9A98C8

Triadic Palette

#6E90B9 #7DA4D2 #DB75A5 #DF86B0 #A5DB75 #91C167

Split Complementary Palette

#7194BD #7DA4D2 #D3817E #D78E8B #D0D37E #BBBE71

Square Palette

#698AB0 #7DA4D2 #CA86C8 #CAAB86 #7ED381 #93DA95

Tetradic Palette

#6786AC #7DA4D2 #AC6EE2 #D3AB7E #A4E26E #B4E788

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7DA4D2 contains 125 red, 164 green, and 210 blue.

Contrast Ratio: 2.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.24:1