#ADBA8F

Color Details

HEX
#ADBA8F
RGB
rgb(173, 186, 143)
HSL
hsl(78, 24%, 65%)
CMYK
cmyk(7%, 0%, 23%, 27%)
Best text on this color #000000 (CR 10.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adba8f
Contrast 10.20:1 AAA
White on #adba8f
Contrast 2.06:1 Fail
#adba8f on Black
Contrast 10.20:1 AAA
#adba8f on White
Contrast 2.06:1 Fail

Tints & Shades

#bdc8a5
#ced6bc
#dee3d2
#8a9572
#687056
#454a39

Complement & Analogous

#9d90bb
#99bb90
#bbb390

Triadic

#90aebb
#bb90ae

Monochrome

#454a39 #687056 #adba8f #ced6bc #dee3d2 #eff1e9

Analogous

#bbb390 #cfcab1 #adba8f #adc9a6 #99bb90 #7a9673

Complementary Mix

#687056 #adba8f #ced6bc #9d90bb #bfb7d3 #665e7a

Nearby Colors

#adba8e
#adba90
#adba7f
#adba9f

Embed #ADBA8F swatch

Embed this swatch

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

Open image

About #ADBA8F

#ADBA8F converts to RGB(173, 186, 143) and HSL(78, 24%, 65%). 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).

#ADBA8F FAQs

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