#197D8B#197D8B

#197D8B is a mid, moderate teal. Relative luminance 0.167; OKLCH L 54.3% C 0.087 H 209.4°. Best body text is #FFFFFF at 4.83:1 contrast (WCAG AA passes).

Color values

HEX#197D8B
RGBrgb(25, 125, 139)
HSLhsl(187, 70%, 32%)
HSVhsv(187, 82%, 55%)
CMYKcmyk(82%, 10.1%, 0%, 45.5%)
CIE-LABlab(47.93, -22.00, -15.43)
CIE-LCHlch(47.93, 26.88, 215.04°)
OKLaboklab(54.25% -0.0762 -0.043)
OKLCHoklch(54.25% 0.088 209.4)
XYZxyz(12.3927, 16.7364, 26.9984)
Luminance0.1674 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#197D8B #8B2719
analogous
#198B60 #197D8B #19448B
triadic
#197D8B #8B197D #7D8B19
tetradic
#197D8B #60198B #8B2719 #448B19
square
#197D8B #60198B #8B2719 #448B19
split-complementary
#197D8B #8B1944 #8B6019
monochromatic
#062023 #104E57 #197D8B #22ACBF #41CADD

Accessibility & contrast

On white

4.83
#197D8B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.35
#197D8B on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #197D8B
4.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##197D8B#FFFFFF#000000##FFFFFF
##197D8B1.004.834.354.83
#FFFFFF4.831.0021.001.00
#0000004.3521.001.0021.00
##FFFFFF4.831.0021.001.00

Color blindness preview

Protanopia (red-blind)
#71788C
Deuteranopia (green-blind)
#626D8B
Tritanopia (blue-blind)
#008381
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #197d8b;
/* rgb */ color: rgb(25, 125, 139);
/* oklch */ color: oklch(54.3% 0.087 209.4);
Tailwind
colors: {
  custom: {
    50: '#6ca3ac',
    500: '#197d8b',
    950: '#000000',
  },
}
SCSS
$custom: #197d8b;
$custom-light: #6ca3ac;
$custom-dark: #000000;
JSON
{
  "hex": "#197d8b",
  "rgb": {
    "r": 25,
    "g": 125,
    "b": 139
  },
  "hsl": {
    "h": 187.368,
    "s": 69.512,
    "l": 32.157
  },
  "oklch": {
    "l": 0.54251,
    "c": 0.0875,
    "h": 209.4
  },
  "luminance": 0.16738
}

Semantic roles & 50–950 ramp

primary
#197D8B
secondary
#BE5142
accent
#513BEC
background
#F7FAFA
surface
#EDF3F4
border
#C8CDCE
text
#080F10
muted
#7B7F7F

Preview Lab

Preview with #197D8B

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

Preview Lab → · Contrast checker → · Palette generator →

#197D8B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva