#46DD9D#46DD9D

#46DD9D is a light, vivid teal. Relative luminance 0.554; OKLCH L 80.3% C 0.157 H 160.9°. Best body text is #000000 at 12.09:1 contrast (WCAG AA passes).

Color values

HEX#46DD9D
RGBrgb(70, 221, 157)
HSLhsl(155, 69%, 57%)
HSVhsv(155, 68%, 87%)
CMYKcmyk(68.3%, 0%, 29%, 13.3%)
CIE-LABlab(79.30, -54.22, 20.14)
CIE-LCHlch(79.30, 57.84, 159.62°)
OKLaboklab(80.27% -0.1481 0.0512)
OKLCHoklch(80.27% 0.157 160.9)
XYZxyz(34.4646, 55.4455, 40.7774)
Luminance0.5545 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#46DD9D #DD4686
analogous
#46DD52 #46DD9D #46D1DD
triadic
#46DD9D #9D46DD #DD9D46
tetradic
#46DD9D #5246DD #DD4686 #D1DD46
square
#46DD9D #5246DD #DD4686 #D1DD46
split-complementary
#46DD9D #DD46D1 #DD5246
monochromatic
#1A8E5D #24C27F #46DD9D #7AE7B8 #ADF0D4

Accessibility & contrast

On white

1.74
#46DD9D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.09
#46DD9D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #46DD9D
12.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##46DD9D#FFFFFF#000000##000000
##46DD9D1.001.7412.0912.09
#FFFFFF1.741.0021.0021.00
#00000012.0921.001.001.00
##00000012.0921.001.001.00

Color blindness preview

Protanopia (red-blind)
#DACD99
Deuteranopia (green-blind)
#C7BFA1
Tritanopia (blue-blind)
#00DCCC
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #46dd9d;
/* rgb */ color: rgb(70, 221, 157);
/* oklch */ color: oklch(80.3% 0.157 160.9);
Tailwind
colors: {
  custom: {
    50: '#8be8ba',
    500: '#46dd9d',
    950: '#000000',
  },
}
SCSS
$custom: #46dd9d;
$custom-light: #8be8ba;
$custom-dark: #000000;
JSON
{
  "hex": "#46dd9d",
  "rgb": {
    "r": 70,
    "g": 221,
    "b": 157
  },
  "hsl": {
    "h": 154.57,
    "s": 68.95,
    "l": 57.059
  },
  "oklch": {
    "l": 0.80265,
    "c": 0.15667,
    "h": 160.9
  },
  "luminance": 0.55449
}

Semantic roles & 50–950 ramp

primary
#46DD9D
secondary
#94345C
accent
#3C87EC
background
#FCFEFD
surface
#F4FDF8
border
#CED5D1
text
#0D1611
muted
#7F8481

Preview Lab

Preview with #46DD9D

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

Preview Lab → · Contrast checker → · Palette generator →

#46DD9D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva