#74998F#74998F

#74998F is a light, muted teal. Relative luminance 0.285; OKLCH L 65.2% C 0.043 H 176.5°. Best body text is #000000 at 6.70:1 contrast (WCAG AA passes).

Color values

HEX#74998F
RGBrgb(116, 153, 143)
HSLhsl(164, 15%, 53%)
HSVhsv(164, 24%, 60%)
CMYKcmyk(24.2%, 0%, 6.5%, 40%)
CIE-LABlab(60.32, -14.91, 1.10)
CIE-LCHlch(60.32, 14.95, 175.79°)
OKLaboklab(65.24% -0.0434 0.0027)
OKLCHoklch(65.24% 0.044 176.5)
XYZxyz(23.5501, 28.4777, 30.2372)
Luminance0.2848 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#74998F #99747E
analogous
#74997C #74998F #749099
triadic
#74998F #8F7499 #998F74
tetradic
#74998F #7C7499 #99747E #909974
square
#74998F #7C7499 #99747E #909974
split-complementary
#74998F #997490 #997C74
monochromatic
#3E554E #58786F #74998F #97B3AB #BBCDC8

Accessibility & contrast

On white

3.14
#74998F on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.70
#74998F on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #74998F
6.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##74998F#FFFFFF#000000##000000
##74998F1.003.146.706.70
#FFFFFF3.141.0021.0021.00
#0000006.7021.001.001.00
##0000006.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#96948F
Deuteranopia (green-blind)
#8F8F90
Tritanopia (blue-blind)
#6B9A96
Achromatopsia (no color)
#919191

Design tokens & code

CSS
--color: #74998f;
/* rgb */ color: rgb(116, 153, 143);
/* oklch */ color: oklch(65.2% 0.043 176.5);
Tailwind
colors: {
  custom: {
    50: '#9db7af',
    500: '#74998f',
    950: '#000000',
  },
}
SCSS
$custom: #74998f;
$custom-light: #9db7af;
$custom-dark: #000000;
JSON
{
  "hex": "#74998f",
  "rgb": {
    "r": 116,
    "g": 153,
    "b": 143
  },
  "hsl": {
    "h": 163.784,
    "s": 15.353,
    "l": 52.745
  },
  "oklch": {
    "l": 0.65239,
    "c": 0.0435,
    "h": 176.5
  },
  "luminance": 0.28479
}

Semantic roles & 50–950 ramp

primary
#74998F
secondary
#BCACB1
accent
#7083B8
background
#F9FBFA
surface
#F2F6F4
border
#CCD0CE
text
#0E1110
muted
#7E807F

Preview Lab

Preview with #74998F

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

Preview Lab → · Contrast checker → · Palette generator →

#74998F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva