#619486#619486

#619486 is a light, muted teal. Relative luminance 0.254; OKLCH L 62.6% C 0.059 H 175.2°. Best body text is #000000 at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#619486
RGBrgb(97, 148, 134)
HSLhsl(164, 21%, 48%)
HSVhsv(164, 34%, 58%)
CMYKcmyk(34.5%, 0%, 9.5%, 42%)
CIE-LABlab(57.50, -20.32, 1.99)
CIE-LCHlch(57.50, 20.41, 174.40°)
OKLaboklab(62.62% -0.0586 0.005)
OKLCHoklch(62.62% 0.059 175.2)
XYZxyz(19.8212, 25.4413, 26.4159)
Luminance0.2544 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#619486 #94616F
analogous
#61946C #619486 #618894
triadic
#619486 #866194 #948661
tetradic
#619486 #6C6194 #94616F #889461
square
#619486 #6C6194 #94616F #889461
split-complementary
#619486 #946188 #946C61
monochromatic
#314A43 #496F65 #619486 #84AEA3 #A9C7BE

Accessibility & contrast

On white

3.45
#619486 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.09
#619486 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #619486
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##619486#FFFFFF#000000##000000
##6194861.003.456.096.09
#FFFFFF3.451.0021.0021.00
#0000006.0921.001.001.00
##0000006.0921.001.001.00

Color blindness preview

Protanopia (red-blind)
#918E85
Deuteranopia (green-blind)
#888787
Tritanopia (blue-blind)
#529590
Achromatopsia (no color)
#8A8A8A

Design tokens & code

CSS
--color: #619486;
/* rgb */ color: rgb(97, 148, 134);
/* oklch */ color: oklch(62.6% 0.059 175.2);
Tailwind
colors: {
  custom: {
    50: '#90b3a9',
    500: '#619486',
    950: '#000000',
  },
}
SCSS
$custom: #619486;
$custom-light: #90b3a9;
$custom-dark: #000000;
JSON
{
  "hex": "#619486",
  "rgb": {
    "r": 97,
    "g": 148,
    "b": 134
  },
  "hsl": {
    "h": 163.529,
    "s": 20.816,
    "l": 48.039
  },
  "oklch": {
    "l": 0.62619,
    "c": 0.05886,
    "h": 175.2
  },
  "luminance": 0.25442
}

Semantic roles & 50–950 ramp

primary
#619486
secondary
#B59CA3
accent
#6A81BD
background
#F8FBFA
surface
#F0F6F4
border
#CBD0CE
text
#0D110F
muted
#7D807F

Preview Lab

Preview with #619486

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

Preview Lab → · Contrast checker → · Palette generator →

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