#ADD8B3

Color Details

HEX
#ADD8B3
RGB
rgb(173, 216, 179)
HSL
hsl(128, 36%, 76%)
CMYK
cmyk(20%, 0%, 17%, 15%)
Best text on this color #000000 (CR 13.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #add8b3
Contrast 13.25:1 AAA
White on #add8b3
Contrast 1.58:1 Fail
#add8b3 on Black
Contrast 13.25:1 AAA
#add8b3 on White
Contrast 1.58:1 Fail

Tints & Shades

#bde0c2
#cee8d1
#deefe1
#8aad8f
#68826b
#455648

Complement & Analogous

#d8acd2
#acd8c8
#bcd8ac

Triadic

#b2acd8
#d8b2ac

Monochrome

#455648 #68826b #add8b3 #cee8d1 #deefe1 #eff7f0

Analogous

#bcd8ac #d0e4c5 #add8b3 #bde0d3 #acd8c8 #8aada0

Complementary Mix

#68826b #add8b3 #cee8d1 #d8acd2 #e6c9e2 #8c7089

Nearby Colors

#add8b2
#add8b4
#add8a3
#add8c3

Embed #ADD8B3 swatch

Embed this swatch

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

Open image

About #ADD8B3

#ADD8B3 converts to RGB(173, 216, 179) and HSL(128, 36%, 76%). 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).

#ADD8B3 FAQs

What is the RGB value of #ADD8B3?
RGB: 173, 216, 179. Copy as CSS: rgb(173, 216, 179)
Is #ADD8B3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADD8B3?
Complement: #d8acd2.
Does #ADD8B3 have good contrast on white or black?
On white: 1.58:1 (Fails AA). On black: 13.25:1 (AAA (normal text)).