#51E6D3#51E6D3

#51E6D3 is a very light, vivid teal. Relative luminance 0.630; OKLCH L 84.2% C 0.128 H 183.1°. Best body text is #000000 at 13.61:1 contrast (WCAG AA passes).

Color values

HEX#51E6D3
RGBrgb(81, 230, 211)
HSLhsl(172, 75%, 61%)
HSVhsv(172, 65%, 90%)
CMYKcmyk(64.8%, 0%, 8.3%, 9.8%)
CIE-LABlab(83.46, -43.58, -2.34)
CIE-LCHlch(83.46, 43.64, 183.08°)
OKLaboklab(84.15% -0.1278 -0.007)
OKLCHoklch(84.15% 0.128 183.1)
XYZxyz(43.4425, 63.0413, 71.4941)
Luminance0.6305 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#51E6D3 #E65164
analogous
#51E688 #51E6D3 #51AEE6
triadic
#51E6D3 #D351E6 #E6D351
tetradic
#51E6D3 #8851E6 #E65164 #AEE651
square
#51E6D3 #8851E6 #E65164 #AEE651
split-complementary
#51E6D3 #E651AE #E68851
monochromatic
#18A593 #1FDAC3 #51E6D3 #87EEE1 #BCF5EE

Accessibility & contrast

On white

1.54
#51E6D3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.61
#51E6D3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #51E6D3
13.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##51E6D3#FFFFFF#000000##000000
##51E6D31.001.5413.6113.61
#FFFFFF1.541.0021.0021.00
#00000013.6121.001.001.00
##00000013.6121.001.001.00

Color blindness preview

Protanopia (red-blind)
#DBD9D2
Deuteranopia (green-blind)
#C6C9D5
Tritanopia (blue-blind)
#00EAE0
Achromatopsia (no color)
#D0D0D0

Design tokens & code

CSS
--color: #51e6d3;
/* rgb */ color: rgb(81, 230, 211);
/* oklch */ color: oklch(84.2% 0.128 183.1);
Tailwind
colors: {
  custom: {
    50: '#93eee0',
    500: '#51e6d3',
    950: '#000000',
  },
}
SCSS
$custom: #51e6d3;
$custom-light: #93eee0;
$custom-dark: #000000;
JSON
{
  "hex": "#51e6d3",
  "rgb": {
    "r": 81,
    "g": 230,
    "b": 211
  },
  "hsl": {
    "h": 172.349,
    "s": 74.874,
    "l": 60.98
  },
  "oklch": {
    "l": 0.84152,
    "c": 0.12798,
    "h": 183.1
  },
  "luminance": 0.63046
}

Semantic roles & 50–950 ramp

primary
#51E6D3
secondary
#A73443
accent
#0E28D7
background
#FCFFFE
surface
#F5FEFC
border
#CFD6D5
text
#0E1615
muted
#7F8584

Preview Lab

Preview with #51E6D3

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

Preview Lab → · Contrast checker → · Palette generator →

#51E6D3 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva