#197685#197685

#197685 is a mid, moderate teal. Relative luminance 0.149; OKLCH L 52.2% C 0.084 H 211.3°. Best body text is #FFFFFF at 5.29:1 contrast (WCAG AA passes).

Color values

HEX#197685
RGBrgb(25, 118, 133)
HSLhsl(188, 68%, 31%)
HSVhsv(188, 81%, 52%)
CMYKcmyk(81.2%, 11.3%, 0%, 47.8%)
CIE-LABlab(45.44, -20.33, -15.67)
CIE-LCHlch(45.44, 25.67, 217.62°)
OKLaboklab(52.16% -0.0717 -0.0437)
OKLCHoklch(52.16% 0.084 211.3)
XYZxyz(11.1111, 14.8556, 24.4676)
Luminance0.1486 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#197685 #852819
analogous
#19855E #197685 #194085
triadic
#197685 #851976 #768519
tetradic
#197685 #5E1985 #852819 #408519
square
#197685 #5E1985 #852819 #408519
split-complementary
#197685 #851940 #855E19
monochromatic
#061B1E #0F4851 #197685 #23A4B9 #3EC5DB

Accessibility & contrast

On white

5.29
#197685 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.97
#197685 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #197685
5.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##197685#FFFFFF#000000##FFFFFF
##1976851.005.293.975.29
#FFFFFF5.291.0021.001.00
#0000003.9721.001.0021.00
##FFFFFF5.291.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6A7286
Deuteranopia (green-blind)
#5C6785
Tritanopia (blue-blind)
#007C7B
Achromatopsia (no color)
#6C6C6C

Design tokens & code

CSS
--color: #197685;
/* rgb */ color: rgb(25, 118, 133);
/* oklch */ color: oklch(52.2% 0.084 211.3);
Tailwind
colors: {
  custom: {
    50: '#6a9da8',
    500: '#197685',
    950: '#000000',
  },
}
SCSS
$custom: #197685;
$custom-light: #6a9da8;
$custom-dark: #000000;
JSON
{
  "hex": "#197685",
  "rgb": {
    "r": 25,
    "g": 118,
    "b": 133
  },
  "hsl": {
    "h": 188.333,
    "s": 68.354,
    "l": 30.98
  },
  "oklch": {
    "l": 0.52164,
    "c": 0.08396,
    "h": 211.3
  },
  "luminance": 0.14857
}

Semantic roles & 50–950 ramp

primary
#197685
secondary
#B95241
accent
#553DEB
background
#F6F9FA
surface
#ECF2F4
border
#C7CCCE
text
#080E0F
muted
#7A7E7F

Preview Lab

Preview with #197685

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

Preview Lab → · Contrast checker → · Palette generator →

#197685 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva