#398D82#398D82

#398D82 is a mid, moderate teal. Relative luminance 0.215; OKLCH L 58.9% C 0.083 H 183.5°. Best body text is #000000 at 5.31:1 contrast (WCAG AA passes).

Color values

HEX#398D82
RGBrgb(57, 141, 130)
HSLhsl(172, 42%, 39%)
HSVhsv(172, 60%, 55%)
CMYKcmyk(59.6%, 0%, 7.8%, 44.7%)
CIE-LABlab(53.52, -28.04, -1.72)
CIE-LCHlch(53.52, 28.09, 183.51°)
OKLaboklab(58.91% -0.0825 -0.0051)
OKLCHoklch(58.91% 0.083 183.5)
XYZxyz(15.2397, 21.5298, 24.4673)
Luminance0.2153 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#398D82 #8D3944
analogous
#398D58 #398D82 #396E8D
triadic
#398D82 #82398D #8D8239
tetradic
#398D82 #58398D #8D3944 #6E8D39
square
#398D82 #58398D #8D3944 #6E8D39
split-complementary
#398D82 #8D396E #8D5839
monochromatic
#163632 #27615A #398D82 #4CB7A9 #78C8BE

Accessibility & contrast

On white

3.96
#398D82 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.31
#398D82 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #398D82
5.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##398D82#FFFFFF#000000##000000
##398D821.003.965.315.31
#FFFFFF3.961.0021.0021.00
#0000005.3121.001.001.00
##0000005.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#878582
Deuteranopia (green-blind)
#7A7C83
Tritanopia (blue-blind)
#00908A
Achromatopsia (no color)
#808080

Design tokens & code

CSS
--color: #398d82;
/* rgb */ color: rgb(57, 141, 130);
/* oklch */ color: oklch(58.9% 0.083 183.5);
Tailwind
colors: {
  custom: {
    50: '#79afa6',
    500: '#398d82',
    950: '#000000',
  },
}
SCSS
$custom: #398d82;
$custom-light: #79afa6;
$custom-dark: #000000;
JSON
{
  "hex": "#398d82",
  "rgb": {
    "r": 57,
    "g": 141,
    "b": 130
  },
  "hsl": {
    "h": 172.143,
    "s": 42.424,
    "l": 38.824
  },
  "oklch": {
    "l": 0.58906,
    "c": 0.08265,
    "h": 183.5
  },
  "luminance": 0.21531
}

Semantic roles & 50–950 ramp

primary
#398D82
secondary
#B27079
accent
#5666D2
background
#F7FAFA
surface
#EEF4F4
border
#C9CECE
text
#0A100F
muted
#7C7F7F

Preview Lab

Preview with #398D82

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

Preview Lab → · Contrast checker → · Palette generator →

#398D82 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva