#7DA5A0 Color

Color Information

HEX#7DA5A0
RGB125, 165, 160
HSL173° , 18% , 57%
HSV173° , 24% , 65%
CMYK24%, 0%, 3%, 35%

Lighter Shades

#8DB0AB #9CBBB7 #ACC5C2 #BBD0CE #CBDBD9 #DBE6E4

Darker Shades

#6E918D #5F7D7A #506A66 #415653 #324240 #232E2D

Complementary Palette

#6C8E8A #7DA5A0 #8E6C70 #A57E82 #B29094 #8FB2AD

Analogous Palette

#759983 #81A28E #769B96 #7DA5A0 #8195A2 #8A9DA8

Triadic Palette

#6E918D #7DA5A0 #A873B0 #B284B9 #B0A873 #9B9465

Split Complementary Palette

#719590 #7DA5A0 #A57E96 #AE8BA1 #A58D7E #957F71

Square Palette

#698B86 #7DA5A0 #8E81A2 #A28184 #96A57E #A7B393

Tetradic Palette

#678783 #7DA5A0 #6A72B9 #A57E82 #B9AE6A #C6BD85

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7DA5A0 contains 125 red, 165 green, and 160 blue.

Contrast Ratio: 2.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.89:1