#998FA7#998FA7

#998FA7 is a light, muted violet. Relative luminance 0.292; OKLCH L 66.7% C 0.037 H 304.3°. Best body text is #000000 at 6.84:1 contrast (WCAG AA passes).

Color values

HEX#998FA7
RGBrgb(153, 143, 167)
HSLhsl(265, 12%, 61%)
HSVhsv(265, 14%, 65%)
CMYKcmyk(8.4%, 14.4%, 0%, 34.5%)
CIE-LABlab(60.96, 8.44, -11.27)
CIE-LCHlch(60.96, 14.08, 306.82°)
OKLaboklab(66.67% 0.0207 -0.0304)
OKLCHoklch(66.67% 0.037 304.3)
XYZxyz(29.9331, 29.2073, 40.6124)
Luminance0.2921 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#998FA7 #9DA78F
analogous
#8F91A7 #998FA7 #A58FA7
triadic
#998FA7 #A7998F #8FA799
tetradic
#998FA7 #A78F91 #9DA78F #8FA7A5
square
#998FA7 #A78F91 #9DA78F #8FA7A5
split-complementary
#998FA7 #A7A58F #91A78F
monochromatic
#5C5369 #7A6D8B #998FA7 #B8B1C2 #D7D4DD

Accessibility & contrast

On white

3.07
#998FA7 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.84
#998FA7 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #998FA7
6.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##998FA7#FFFFFF#000000##000000
##998FA71.003.076.846.84
#FFFFFF3.071.0021.0021.00
#0000006.8421.001.001.00
##0000006.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#8B93A8
Deuteranopia (green-blind)
#8D93A6
Tritanopia (blue-blind)
#979297
Achromatopsia (no color)
#939393

Design tokens & code

CSS
--color: #998fa7;
/* rgb */ color: rgb(153, 143, 167);
/* oklch */ color: oklch(66.7% 0.037 304.3);
Tailwind
colors: {
  custom: {
    50: '#b7afc1',
    500: '#998fa7',
    950: '#000000',
  },
}
SCSS
$custom: #998fa7;
$custom-light: #b7afc1;
$custom-dark: #000000;
JSON
{
  "hex": "#998fa7",
  "rgb": {
    "r": 153,
    "g": 143,
    "b": 167
  },
  "hsl": {
    "h": 265,
    "s": 12,
    "l": 60.784
  },
  "oklch": {
    "l": 0.66667,
    "c": 0.03675,
    "h": 304.3
  },
  "luminance": 0.29207
}

Semantic roles & 50–950 ramp

primary
#998FA7
secondary
#CACDC4
accent
#964F79
background
#FBFAFB
surface
#F6F4F7
border
#D0CED0
text
#111012
muted
#807F81

Preview Lab

Preview with #998FA7

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

Preview Lab → · Contrast checker → · Palette generator →

#998FA7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva