#BEB4C8#BEB4C8

#BEB4C8 is a light, muted violet. Relative luminance 0.478; OKLCH L 78.4% C 0.030 H 308.0°. Best body text is #000000 at 10.55:1 contrast (WCAG AA passes).

Color values

HEX#BEB4C8
RGBrgb(190, 180, 200)
HSLhsl(270, 15%, 75%)
HSVhsv(270, 10%, 78%)
CMYKcmyk(5%, 10%, 0%, 21.6%)
CIE-LABlab(74.67, 7.28, -8.83)
CIE-LCHlch(74.67, 11.45, 309.51°)
OKLaboklab(78.44% 0.0185 -0.0236)
OKLCHoklch(78.44% 0.03 308)
XYZxyz(47.9800, 47.7599, 61.3233)
Luminance0.4776 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BEB4C8 #BEC8B4
analogous
#B4B4C8 #BEB4C8 #C8B4C8
triadic
#BEB4C8 #C8BEB4 #B4C8BE
tetradic
#BEB4C8 #C8B4B4 #BEC8B4 #B4C8C8
square
#BEB4C8 #C8B4B4 #BEC8B4 #B4C8C8
split-complementary
#BEB4C8 #C8C8B4 #B4C8B4
monochromatic
#816D94 #9F91AE #BEB4C8 #DDD7E2 #F0EDF2

Accessibility & contrast

On white

1.99
#BEB4C8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.55
#BEB4C8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BEB4C8
10.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BEB4C8#FFFFFF#000000##000000
##BEB4C81.001.9910.5510.55
#FFFFFF1.991.0021.0021.00
#00000010.5521.001.001.00
##00000010.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B1B7C9
Deuteranopia (green-blind)
#B3B8C7
Tritanopia (blue-blind)
#BDB6BA
Achromatopsia (no color)
#B8B8B8

Design tokens & code

CSS
--color: #beb4c8;
/* rgb */ color: rgb(190, 180, 200);
/* oklch */ color: oklch(78.4% 0.030 308.0);
Tailwind
colors: {
  custom: {
    50: '#d1cad8',
    500: '#beb4c8',
    950: '#000000',
  },
}
SCSS
$custom: #beb4c8;
$custom-light: #d1cad8;
$custom-dark: #000000;
JSON
{
  "hex": "#beb4c8",
  "rgb": {
    "r": 190,
    "g": 180,
    "b": 200
  },
  "hsl": {
    "h": 270,
    "s": 15.385,
    "l": 74.51
  },
  "oklch": {
    "l": 0.78441,
    "c": 0.03,
    "h": 308
  },
  "luminance": 0.4776
}

Semantic roles & 50–950 ramp

primary
#BEB4C8
secondary
#E6E8E3
accent
#9A4C73
background
#FCFCFD
surface
#F9F8FA
border
#D2D1D3
text
#141314
muted
#828283

Preview Lab

Preview with #BEB4C8

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

Preview Lab → · Contrast checker → · Palette generator →

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