#71E1BA#71E1BA

#71E1BA is a very light, moderate teal. Relative luminance 0.609; OKLCH L 83.3% C 0.118 H 168.3°. Best body text is #000000 at 13.18:1 contrast (WCAG AA passes).

Color values

HEX#71E1BA
RGBrgb(113, 225, 186)
HSLhsl(159, 65%, 66%)
HSVhsv(159, 50%, 88%)
CMYKcmyk(49.8%, 0%, 17.3%, 11.8%)
CIE-LABlab(82.33, -41.19, 9.33)
CIE-LCHlch(82.33, 42.24, 167.24°)
OKLaboklab(83.29% -0.1156 0.0239)
OKLCHoklch(83.29% 0.118 168.3)
XYZxyz(42.5943, 60.9027, 55.9556)
Luminance0.6091 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#71E1BA #E17198
analogous
#71E182 #71E1BA #71D0E1
triadic
#71E1BA #BA71E1 #E1BA71
tetradic
#71E1BA #8271E1 #E17198 #D0E171
square
#71E1BA #8271E1 #E17198 #D0E171
split-complementary
#71E1BA #E171D0 #E18271
monochromatic
#26B281 #3ED6A1 #71E1BA #A4ECD3 #D6F6EB

Accessibility & contrast

On white

1.59
#71E1BA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.18
#71E1BA on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #71E1BA
13.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##71E1BA#FFFFFF#000000##000000
##71E1BA1.001.5913.1813.18
#FFFFFF1.591.0021.0021.00
#00000013.1821.001.001.00
##00000013.1821.001.001.00

Color blindness preview

Protanopia (red-blind)
#DCD4B8
Deuteranopia (green-blind)
#CBC8BD
Tritanopia (blue-blind)
#46E2D6
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #71e1ba;
/* rgb */ color: rgb(113, 225, 186);
/* oklch */ color: oklch(83.3% 0.118 168.3);
Tailwind
colors: {
  custom: {
    50: '#a1ebce',
    500: '#71e1ba',
    950: '#000000',
  },
}
SCSS
$custom: #71e1ba;
$custom-light: #a1ebce;
$custom-dark: #000000;
JSON
{
  "hex": "#71e1ba",
  "rgb": {
    "r": 113,
    "g": 225,
    "b": 186
  },
  "hsl": {
    "h": 159.107,
    "s": 65.116,
    "l": 66.275
  },
  "oklch": {
    "l": 0.83287,
    "c": 0.1181,
    "h": 168.3
  },
  "luminance": 0.60906
}

Semantic roles & 50–950 ramp

primary
#71E1BA
secondary
#B3436A
accent
#1957CD
background
#FCFEFE
surface
#F6FDFB
border
#D0D5D4
text
#0F1613
muted
#808483

Preview Lab

Preview with #71E1BA

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

Preview Lab → · Contrast checker → · Palette generator →

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