#71E5AF#71E5AF

#71E5AF is a very light, vivid teal. Relative luminance 0.626; OKLCH L 84.0% C 0.132 H 161.4°. Best body text is #000000 at 13.53:1 contrast (WCAG AA passes).

Color values

HEX#71E5AF
RGBrgb(113, 229, 175)
HSLhsl(152, 69%, 67%)
HSVhsv(152, 51%, 90%)
CMYKcmyk(50.7%, 0%, 23.6%, 10.2%)
CIE-LABlab(83.25, -45.28, 16.42)
CIE-LCHlch(83.25, 48.17, 160.07°)
OKLaboklab(83.96% -0.125 0.042)
OKLCHoklch(83.96% 0.132 161.4)
XYZxyz(42.5636, 62.6409, 50.3970)
Luminance0.6264 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#71E5AF #E571A7
analogous
#71E575 #71E5AF #71E1E5
triadic
#71E5AF #AF71E5 #E5AF71
tetradic
#71E5AF #7571E5 #E571A7 #E1E571
square
#71E5AF #7571E5 #E571A7 #E1E571
split-complementary
#71E5AF #E571E1 #E57571
monochromatic
#22BA73 #3DDC92 #71E5AF #A5EECC #D8F8E9

Accessibility & contrast

On white

1.55
#71E5AF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.53
#71E5AF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #71E5AF
13.53:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##71E5AF#FFFFFF#000000##000000
##71E5AF1.001.5513.5313.53
#FFFFFF1.551.0021.0021.00
#00000013.5321.001.001.00
##00000013.5321.001.001.00

Color blindness preview

Protanopia (red-blind)
#E2D7AC
Deuteranopia (green-blind)
#D1CAB2
Tritanopia (blue-blind)
#4BE4D6
Achromatopsia (no color)
#CFCFCF

Design tokens & code

CSS
--color: #71e5af;
/* rgb */ color: rgb(113, 229, 175);
/* oklch */ color: oklch(84.0% 0.132 161.4);
Tailwind
colors: {
  custom: {
    50: '#a1eec7',
    500: '#71e5af',
    950: '#000000',
  },
}
SCSS
$custom: #71e5af;
$custom-light: #a1eec7;
$custom-dark: #000000;
JSON
{
  "hex": "#71e5af",
  "rgb": {
    "r": 113,
    "g": 229,
    "b": 175
  },
  "hsl": {
    "h": 152.069,
    "s": 69.048,
    "l": 67.059
  },
  "oklch": {
    "l": 0.83961,
    "c": 0.13184,
    "h": 161.4
  },
  "luminance": 0.62644
}

Semantic roles & 50–950 ramp

primary
#71E5AF
secondary
#BA4179
accent
#146CD1
background
#FCFFFD
surface
#F6FEF9
border
#D0D6D2
text
#0F1613
muted
#808582

Preview Lab

Preview with #71E5AF

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

Preview Lab → · Contrast checker → · Palette generator →

#71E5AF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva