#357D70#357D70

#357D70 is a mid, moderate teal. Relative luminance 0.166; OKLCH L 54.0% C 0.075 H 179.7°. Best body text is #FFFFFF at 4.86:1 contrast (WCAG AA passes).

Color values

HEX#357D70
RGBrgb(53, 125, 112)
HSLhsl(169, 40%, 35%)
HSVhsv(169, 58%, 49%)
CMYKcmyk(57.6%, 0%, 10.4%, 51%)
CIE-LABlab(47.74, -25.85, 0.32)
CIE-LCHlch(47.74, 25.85, 179.30°)
OKLaboklab(54.01% -0.075 0.0004)
OKLCHoklch(54.01% 0.075 179.7)
XYZxyz(11.7251, 16.5928, 17.9109)
Luminance0.1659 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#357D70 #7D3542
analogous
#357D4C #357D70 #35667D
triadic
#357D70 #70357D #7D7035
tetradic
#357D70 #4C357D #7D3542 #667D35
square
#357D70 #4C357D #7D3542 #667D35
split-complementary
#357D70 #7D3566 #7D4C35
monochromatic
#112723 #235249 #357D70 #47A897 #6CC1B1

Accessibility & contrast

On white

4.86
#357D70 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.32
#357D70 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #357D70
4.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##357D70#FFFFFF#000000##FFFFFF
##357D701.004.864.324.86
#FFFFFF4.861.0021.001.00
#0000004.3221.001.0021.00
##FFFFFF4.861.0021.001.00

Color blindness preview

Protanopia (red-blind)
#78766F
Deuteranopia (green-blind)
#6D6E71
Tritanopia (blue-blind)
#007F79
Achromatopsia (no color)
#717171

Design tokens & code

CSS
--color: #357d70;
/* rgb */ color: rgb(53, 125, 112);
/* oklch */ color: oklch(54.0% 0.075 179.7);
Tailwind
colors: {
  custom: {
    50: '#74a399',
    500: '#357d70',
    950: '#000000',
  },
}
SCSS
$custom: #357d70;
$custom-light: #74a399;
$custom-dark: #000000;
JSON
{
  "hex": "#357d70",
  "rgb": {
    "r": 53,
    "g": 125,
    "b": 112
  },
  "hsl": {
    "h": 169.167,
    "s": 40.449,
    "l": 34.902
  },
  "oklch": {
    "l": 0.54008,
    "c": 0.075,
    "h": 179.7
  },
  "luminance": 0.16594
}

Semantic roles & 50–950 ramp

primary
#357D70
secondary
#A96571
accent
#576DD0
background
#F7FAF9
surface
#EDF4F2
border
#C8CECC
text
#090F0D
muted
#7B7F7E

Preview Lab

Preview with #357D70

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

Preview Lab → · Contrast checker → · Palette generator →

#357D70 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva