#799E99#799E99

#799E99 is a light, muted teal. Relative luminance 0.308; OKLCH L 67.0% C 0.041 H 186.0°. Best body text is #000000 at 7.16:1 contrast (WCAG AA passes).

Color values

HEX#799E99
RGBrgb(121, 158, 153)
HSLhsl(172, 16%, 55%)
HSVhsv(172, 23%, 62%)
CMYKcmyk(23.4%, 0%, 3.2%, 38%)
CIE-LABlab(62.35, -13.74, -1.54)
CIE-LCHlch(62.35, 13.82, 186.40°)
OKLaboklab(67.03% -0.0411 -0.0043)
OKLCHoklch(67.03% 0.041 186)
XYZxyz(25.8601, 30.8175, 34.7166)
Luminance0.3082 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#799E99 #9E797E
analogous
#799E87 #799E99 #79919E
triadic
#799E99 #99799E #9E9979
tetradic
#799E99 #87799E #9E797E #919E79
square
#799E99 #87799E #9E797E #919E79
split-complementary
#799E99 #9E7991 #9E8779
monochromatic
#425B57 #5B7E7A #799E99 #9DB8B4 #C0D1CF

Accessibility & contrast

On white

2.93
#799E99 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.16
#799E99 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #799E99
7.16:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##799E99#FFFFFF#000000##000000
##799E991.002.937.167.16
#FFFFFF2.931.0021.0021.00
#0000007.1621.001.001.00
##0000007.1621.001.001.00

Color blindness preview

Protanopia (red-blind)
#9A9A99
Deuteranopia (green-blind)
#93959A
Tritanopia (blue-blind)
#6EA09C
Achromatopsia (no color)
#979797

Design tokens & code

CSS
--color: #799e99;
/* rgb */ color: rgb(121, 158, 153);
/* oklch */ color: oklch(67.0% 0.041 186.0);
Tailwind
colors: {
  custom: {
    50: '#a0bab7',
    500: '#799e99',
    950: '#000000',
  },
}
SCSS
$custom: #799e99;
$custom-light: #a0bab7;
$custom-dark: #000000;
JSON
{
  "hex": "#799e99",
  "rgb": {
    "r": 121,
    "g": 158,
    "b": 153
  },
  "hsl": {
    "h": 171.892,
    "s": 16.017,
    "l": 54.706
  },
  "oklch": {
    "l": 0.67033,
    "c": 0.04131,
    "h": 186
  },
  "luminance": 0.30819
}

Semantic roles & 50–950 ramp

primary
#799E99
secondary
#C1B2B4
accent
#6F79B9
background
#F9FBFB
surface
#F2F6F6
border
#CCD0D0
text
#0F1111
muted
#7E8080

Preview Lab

Preview with #799E99

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

Preview Lab → · Contrast checker → · Palette generator →

#799E99 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva