#35D887#35D887

#35D887 is a light, vivid teal. Relative luminance 0.516; OKLCH L 78.2% C 0.175 H 156.0°. Best body text is #000000 at 11.32:1 contrast (WCAG AA passes).

Color values

HEX#35D887
RGBrgb(53, 216, 135)
HSLhsl(150, 68%, 53%)
HSVhsv(150, 75%, 85%)
CMYKcmyk(75.5%, 0%, 37.5%, 15.3%)
CIE-LABlab(77.05, -59.16, 28.47)
CIE-LCHlch(77.05, 65.65, 154.30°)
OKLaboklab(78.19% -0.1597 0.0712)
OKLCHoklch(78.19% 0.175 156)
XYZxyz(30.3943, 51.6143, 31.2776)
Luminance0.5162 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#35D887 #D83586
analogous
#35D835 #35D887 #35D8D8
triadic
#35D887 #8735D8 #D88735
tetradic
#35D887 #3535D8 #D83586 #D8D835
square
#35D887 #3535D8 #D83586 #D8D835
split-complementary
#35D887 #D835D8 #D83535
monochromatic
#187B4A #22AE68 #35D887 #68E2A5 #9CECC4

Accessibility & contrast

On white

1.85
#35D887 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.32
#35D887 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #35D887
11.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##35D887#FFFFFF#000000##000000
##35D8871.001.8511.3211.32
#FFFFFF1.851.0021.0021.00
#00000011.3221.001.001.00
##00000011.3221.001.001.00

Color blindness preview

Protanopia (red-blind)
#D7C782
Deuteranopia (green-blind)
#C3B98C
Tritanopia (blue-blind)
#00D6C3
Achromatopsia (no color)
#BEBEBE

Design tokens & code

CSS
--color: #35d887;
/* rgb */ color: rgb(53, 216, 135);
/* oklch */ color: oklch(78.2% 0.175 156.0);
Tailwind
colors: {
  custom: {
    50: '#84e5aa',
    500: '#35d887',
    950: '#000000',
  },
}
SCSS
$custom: #35d887;
$custom-light: #84e5aa;
$custom-dark: #000000;
JSON
{
  "hex": "#35d887",
  "rgb": {
    "r": 53,
    "g": 216,
    "b": 135
  },
  "hsl": {
    "h": 150.184,
    "s": 67.635,
    "l": 52.745
  },
  "oklch": {
    "l": 0.78191,
    "c": 0.17487,
    "h": 156
  },
  "luminance": 0.51618
}

Semantic roles & 50–950 ramp

primary
#35D887
secondary
#832F58
accent
#3D93EB
background
#FCFEFD
surface
#F4FCF7
border
#CED5D0
text
#0D1610
muted
#7F8481

Preview Lab

Preview with #35D887

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

Preview Lab → · Contrast checker → · Palette generator →

#35D887 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva