#4FD1A7#4FD1A7

#4FD1A7 is a light, vivid teal. Relative luminance 0.501; OKLCH L 77.8% C 0.130 H 168.2°. Best body text is #000000 at 11.01:1 contrast (WCAG AA passes).

Color values

HEX#4FD1A7
RGBrgb(79, 209, 167)
HSLhsl(161, 59%, 56%)
HSVhsv(161, 62%, 82%)
CMYKcmyk(62.2%, 0%, 20.1%, 18%)
CIE-LABlab(76.10, -45.57, 10.40)
CIE-LCHlch(76.10, 46.74, 167.14°)
OKLaboklab(77.78% -0.1271 0.0266)
OKLCHoklch(77.78% 0.13 168.2)
XYZxyz(32.9965, 50.0498, 44.4734)
Luminance0.5005 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4FD1A7 #D14F79
analogous
#4FD166 #4FD1A7 #4FBAD1
triadic
#4FD1A7 #A74FD1 #D1A74F
tetradic
#4FD1A7 #664FD1 #D14F79 #BAD14F
square
#4FD1A7 #664FD1 #D14F79 #BAD14F
split-complementary
#4FD1A7 #D14FBA #D1664F
monochromatic
#228364 #2FB489 #4FD1A7 #80DEBF #B0EAD8

Accessibility & contrast

On white

1.91
#4FD1A7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.01
#4FD1A7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #4FD1A7
11.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4FD1A7#FFFFFF#000000##000000
##4FD1A71.001.9111.0111.01
#FFFFFF1.911.0021.0021.00
#00000011.0121.001.001.00
##00000011.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#CCC3A5
Deuteranopia (green-blind)
#BAB6AA
Tritanopia (blue-blind)
#00D2C5
Achromatopsia (no color)
#BCBCBC

Design tokens & code

CSS
--color: #4fd1a7;
/* rgb */ color: rgb(79, 209, 167);
/* oklch */ color: oklch(77.8% 0.130 168.2);
Tailwind
colors: {
  custom: {
    50: '#8de0c1',
    500: '#4fd1a7',
    950: '#000000',
  },
}
SCSS
$custom: #4fd1a7;
$custom-light: #8de0c1;
$custom-dark: #000000;
JSON
{
  "hex": "#4fd1a7",
  "rgb": {
    "r": 79,
    "g": 209,
    "b": 167
  },
  "hsl": {
    "h": 160.615,
    "s": 58.559,
    "l": 56.471
  },
  "oklch": {
    "l": 0.77777,
    "c": 0.12984,
    "h": 168.2
  },
  "luminance": 0.50053
}

Semantic roles & 50–950 ramp

primary
#4FD1A7
secondary
#8A3A54
accent
#4678E2
background
#FCFEFD
surface
#F4FCF9
border
#CED5D2
text
#0D1512
muted
#7F8482

Preview Lab

Preview with #4FD1A7

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

Preview Lab → · Contrast checker → · Palette generator →

#4FD1A7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva