#7ADBAD#7ADBAD

#7ADBAD is a light, moderate teal. Relative luminance 0.578; OKLCH L 81.9% C 0.114 H 161.9°. Best body text is #000000 at 12.56:1 contrast (WCAG AA passes).

Color values

HEX#7ADBAD
RGBrgb(122, 219, 173)
HSLhsl(152, 57%, 67%)
HSVhsv(152, 44%, 86%)
CMYKcmyk(44.3%, 0%, 21%, 14.1%)
CIE-LABlab(80.64, -39.06, 13.84)
CIE-LCHlch(80.64, 41.44, 160.49°)
OKLaboklab(81.92% -0.1083 0.0355)
OKLCHoklch(81.92% 0.114 161.9)
XYZxyz(40.8972, 57.8147, 48.5313)
Luminance0.5782 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7ADBAD #DB7AA8
analogous
#7ADB7D #7ADBAD #7AD9DB
triadic
#7ADBAD #AD7ADB #DBAD7A
tetradic
#7ADBAD #7D7ADB #DB7AA8 #D9DB7A
square
#7ADBAD #7D7ADB #DB7AA8 #D9DB7A
split-complementary
#7ADBAD #DB7AD9 #DB7D7A
monochromatic
#2FAC71 #4ACE8F #7ADBAD #AAE8CB #DAF5E8

Accessibility & contrast

On white

1.67
#7ADBAD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.56
#7ADBAD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7ADBAD
12.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7ADBAD#FFFFFF#000000##000000
##7ADBAD1.001.6712.5612.56
#FFFFFF1.671.0021.0021.00
#00000012.5621.001.001.00
##00000012.5621.001.001.00

Color blindness preview

Protanopia (red-blind)
#D8CFAB
Deuteranopia (green-blind)
#C9C4B0
Tritanopia (blue-blind)
#5FDBCE
Achromatopsia (no color)
#C8C8C8

Design tokens & code

CSS
--color: #7adbad;
/* rgb */ color: rgb(122, 219, 173);
/* oklch */ color: oklch(81.9% 0.114 161.9);
Tailwind
colors: {
  custom: {
    50: '#a5e6c5',
    500: '#7adbad',
    950: '#000000',
  },
}
SCSS
$custom: #7adbad;
$custom-light: #a5e6c5;
$custom-dark: #000000;
JSON
{
  "hex": "#7adbad",
  "rgb": {
    "r": 122,
    "g": 219,
    "b": 173
  },
  "hsl": {
    "h": 151.546,
    "s": 57.396,
    "l": 66.863
  },
  "oklch": {
    "l": 0.81915,
    "c": 0.11401,
    "h": 161.9
  },
  "luminance": 0.57818
}

Semantic roles & 50–950 ramp

primary
#7ADBAD
secondary
#AF4B7A
accent
#216FC5
background
#FDFEFD
surface
#F7FCF9
border
#D0D5D2
text
#101613
muted
#818482

Preview Lab

Preview with #7ADBAD

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

Preview Lab → · Contrast checker → · Palette generator →

#7ADBAD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva