#7DE1D3

Color Details

HEX
#7DE1D3
RGB
rgb(125, 225, 211)
HSL
hsl(172, 63%, 69%)
CMYK
cmyk(44%, 0%, 6%, 12%)
Best text on this color #000000 (CR 13.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7de1d3
Contrast 13.58:1 AAA
White on #7de1d3
Contrast 1.55:1 Fail
#7de1d3 on Black
Contrast 13.58:1 AAA
#7de1d3 on White
Contrast 1.55:1 Fail

Tints & Shades

#97e7dc
#b1ede5
#cbf3ed
#64b4a9
#4b877f
#325a54

Complement & Analogous

#e27e8b
#7ebde2
#7ee2a3

Triadic

#d47ee2
#e2d47e

Monochrome

#325a54 #4b877f #7de1d3 #b1ede5 #cbf3ed #e5f9f6

Analogous

#7ee2a3 #a5ebbf #7de1d3 #98cae8 #7ebde2 #6597b5

Complementary Mix

#4b877f #7de1d3 #b1ede5 #e27e8b #ecabb4 #93525a

Nearby Colors

#7de1d2
#7de1d4
#7de1c3
#7de1e3

Embed #7DE1D3 swatch

Embed this swatch

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

Open image

About #7DE1D3

#7DE1D3 converts to RGB(125, 225, 211) and HSL(172, 63%, 69%). 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).

#7DE1D3 FAQs

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