#7DA4AB

Color Details

HEX
#7DA4AB
RGB
rgb(125, 164, 171)
HSL
hsl(189, 21%, 58%)
CMYK
cmyk(27%, 4%, 0%, 33%)
Best text on this color #000000 (CR 7.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7da4ab
Contrast 7.77:1 AAA
White on #7da4ab
Contrast 2.70:1 Fail
#7da4ab on Black
Contrast 7.77:1 AAA
#7da4ab on White
Contrast 2.70:1 Fail

Tints & Shades

#97b6bc
#b1c8cd
#cbdbdd
#648389
#4b6267
#324244

Complement & Analogous

#aa847d
#7c8dab
#7cab9b

Triadic

#aa7da4
#a4aa7d

Monochrome

#324244 #4b6267 #7da4ab #b1c8cd #cbdbdd #e5edee

Analogous

#7cab9b #a3c4b9 #7da4ab #96a4bc #7c8dab #637189

Complementary Mix

#4b6267 #7da4ab #b1c8cd #aa847d #c8afab #6f5651

Nearby Colors

#7da4aa
#7da4ac
#7da49b
#7da4bb

Embed #7DA4AB swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #7DA4AB

#7DA4AB converts to RGB(125, 164, 171) and HSL(189, 21%, 58%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#7DA4AB FAQs

What is the RGB value of #7DA4AB?
RGB: 125, 164, 171. Copy as CSS: rgb(125, 164, 171)
Is #7DA4AB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7DA4AB?
Complement: #aa847d.
Does #7DA4AB have good contrast on white or black?
On white: 2.70:1 (Fails AA). On black: 7.77:1 (AAA (normal text)).