#ADDCBB#ADDCBB

#ADDCBB is a very light, moderate green. Relative luminance 0.637; OKLCH L 85.2% C 0.067 H 154.2°. Best body text is #000000 at 13.73:1 contrast (WCAG AA passes).

Color values

HEX	#ADDCBB
RGB	rgb(173, 220, 187)
HSL	hsl(138, 40%, 77%)
HSV	hsv(138, 21%, 86%)
CMYK	cmyk(21.4%, 0%, 15%, 13.7%)
CIE-LAB	lab(83.79, -21.72, 11.27)
CIE-LCH	lch(83.79, 24.47, 152.57°)
OKLab	oklab(85.24% -0.0603 0.0291)
OKLCH	oklch(85.24% 0.067 154.2)
XYZ	xyz(51.7940, 63.6569, 56.5622)
Luminance	0.6366 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ADDCBB #DCADCE

analogous

#B7DCAD #ADDCBB #ADDCD3

triadic

#ADDCBB #BBADDC #DCBBAD

tetradic

#ADDCBB #ADB7DC #DCADCE #DCD3AD

square

#ADDCBB #ADB7DC #DCADCE #DCD3AD

split-complementary

#ADDCBB #D3ADDC #DCADB7

monochromatic

#57B774 #82CA97 #ADDCBB #D8EEDF #EAF6ED

Accessibility & contrast

On white

1.53

#ADDCBB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.73

#ADDCBB on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ADDCBB

13.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ADDCBB	#FFFFFF	#000000	##000000
##ADDCBB	1.00	1.53	13.73	13.73
#FFFFFF	1.53	1.00	21.00	21.00
#000000	13.73	21.00	1.00	1.00
##000000	13.73	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DCD4B9

Deuteranopia (green-blind)

#D4CFBD

Tritanopia (blue-blind)

#A6DBD2

Achromatopsia (no color)

#D1D1D1

Design tokens & code

CSS

--color: #addcbb;
/* rgb */ color: rgb(173, 220, 187);
/* oklch */ color: oklch(85.2% 0.067 154.2);

Tailwind

colors: {
  custom: {
    50: '#c6e7cf',
    500: '#addcbb',
    950: '#000000',
  },
}

SCSS

$custom: #addcbb;
$custom-light: #c6e7cf;
$custom-dark: #000000;

JSON

{
  "hex": "#addcbb",
  "rgb": {
    "r": 173,
    "g": 220,
    "b": 187
  },
  "hsl": {
    "h": 137.872,
    "s": 40.171,
    "l": 77.059
  },
  "oklch": {
    "l": 0.85235,
    "c": 0.06694,
    "h": 154.2
  },
  "luminance": 0.63658
}

Semantic roles & 50–950 ramp

primary

#ADDCBB

secondary

#B479A2

accent

#328DB3

background

#FDFEFE

surface

#F9FCFB

border

#D2D5D4

text

#131613

muted

#828483

Preview Lab

Preview with #ADDCBB

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →