#ADC0AE

Accessibility

AAA

10.93:1

Vs white / black

1.92:1 · 10.93:1

Sources

Library color

Codes

Formats

HEX

#adc0ae

RGB

rgb(173, 192, 174)

RGBA

rgba(173, 192, 174, 1)

HSL

hsl(123, 13%, 72%)

HSLA

hsla(123, 13%, 72%, 1)

HSV

hsv(123, 10%, 75%)

LAB

lab(75.85% -9.92 6.87)

LCH

lch(75.85% 12.07 145.3)

OKLAB

oklab(0.7881 -0.0273 0.0179)

OKLCH

oklch(0.7881 0.0326 146.75)

XYZ

xyz(43.72, 49.64, 47.31)

CMYK

cmyk(10%, 0%, 9%, 25%)

CSS

color: #adc0ae;

CSS variable

--color-adc0ae: #adc0ae;

SCSS

$color-adc0ae: #adc0ae;

JavaScript

const color = "#adc0ae";

TypeScript

const color: string = "#adc0ae";

React

style={{ backgroundColor: "#adc0ae" }}

JSON

{ "hex": "#adc0ae", "rgb": { "r": 173, "g": 192, "b": 174 }, "oklch": "oklch(0.7881 0.0326 146.75)" }

Export

Developer code

css

:root {
  --#adc0ae-1: #adc0ae;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

neutral-300

Very different · ΔE 13.49 · #D4D4D4

Nearest CSS named color

DarkSeaGreen

Very different · ΔE 10.25 · #8FBC8F

Nearest Material color

green-100

Very different · ΔE 9.66 · #C8E6C9

Nearest Bootstrap color

light

Very different · ΔE 18.68 · #F8F9FA

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50edf9ed 100dfece0 200cad9cb 300b2c3b3 40095a796 5007a8c7b 600657566 700505d51 8003c473d 900293229 950151d15

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

f8faf8 f1f5f2 ebefeb e4eae4 dde5dd d6e0d7 cfdad0 c8d5c9 c2d0c2 bbcbbc b4c5b5 adc0ae 9fb0a0 90a091 829083 738074 657065 576057 485049 3a403a 2b302c 1d201d 0e100f

Palette

Tints

Mixed toward white — soft backgrounds and highlights

f8faf8 f1f5f2 ebefeb e4eae4 dde5dd d6e0d7 cfdad0 c8d5c9 c2d0c2 bbcbbc b4c5b5

Palette

Shades

Mixed toward black — depth, text, and emphasis

9fb0a0 90a091 829083 738074 657065 576057 485049 3a403a 2b302c 1d201d 0e100f

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

a9bbaa a6b5a6 a2b0a3 9eab9f 9aa59b 97a097 939b93 8f958f 8b908c 888b88 848584

Harmony

Complementary

Opposite on the color wheel for contrast

#ADC0AEStop 1 #C1AEC0Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#B7C1AEStop 1 #ADC0AEStop 2 #AEC1B9Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#ADC0AEStop 1 #AFAEC1Stop 2 #C1AFAEStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#ADC0AEStop 1 #B9AEC1Stop 2 #C1AEB7Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#2C3A2DStop 1 #4E654FStop 2 #6F9071Stop 3 #9AB19BStop 4 #C5D3C6Stop 5

Using this color

Where #adc0ae works

#ADC0AE (#adc0ae) sits in the light green family at about 123° hue, 13% saturation, and 72% lightness. Contrast is 1.92:1 on white and 10.93:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: neutral-300 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

subtle surfaces, chips, and table stripes
text or icons on charcoal / dark mode

Do not use #adc0ae as small body text on white — 1.92:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands. Common uses still include buttons, charts, and accents in the Light Green range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Spectrum #96CFB4#96CFB4 Material Green 100#C8E6C9 DarkSeaGreen#8FBC8F Spectrum #94CCA3#94CCA3 Spectrum #96D4B2#96D4B2 Material Green 200#A5D6A7 Web Safe #99CCCC#99CCCC Material Teal 100#B2DFDB Concrete#95A5A6 Web Safe #99CC99#99CC99 Spectrum #80C2A1#80C2A1 Spectrum #81C5B5#81C5B5