#CFCFC8#CFCFC8

#CFCFC8 is a very light, near-neutral grey. Relative luminance 0.621; OKLCH L 85.3% C 0.010 H 106.6°. Best body text is #000000 at 13.41:1 contrast (WCAG AA passes).

Color values

HEX#CFCFC8
RGBrgb(207, 207, 200)
HSLhsl(60, 7%, 80%)
HSVhsv(60, 3%, 81%)
CMYKcmyk(0%, 0%, 3.4%, 18.8%)
CIE-LABlab(82.95, -1.25, 3.47)
CIE-LCHlch(82.95, 3.69, 109.85°)
OKLaboklab(85.25% -0.0027 0.0092)
OKLCHoklch(85.25% 0.01 106.6)
XYZxyz(58.4687, 62.0613, 63.5312)
Luminance0.6206 (WCAG relative)
Temperatureneutral
Familygrey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CFCFC8 #C8C8CF
analogous
#CFCCC8 #CFCFC8 #CCCFC8
triadic
#CFCFC8 #C8CFCF #CFC8CF
tetradic
#CFCFC8 #C8CFCC #C8C8CF #CFC8CC
square
#CFCFC8 #C8CFCC #C8C8CF #CFC8CC
split-complementary
#CFCFC8 #C8CCCF #CCC8CF
monochromatic
#969687 #B2B2A7 #CFCFC8 #ECECE9 #F1F1EF

Accessibility & contrast

On white

1.57
#CFCFC8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.41
#CFCFC8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CFCFC8
13.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CFCFC8#FFFFFF#000000##000000
##CFCFC81.001.5713.4113.41
#FFFFFF1.571.0021.0021.00
#00000013.4121.001.001.00
##00000013.4121.001.001.00

Color blindness preview

Protanopia (red-blind)
#D0CEC8
Deuteranopia (green-blind)
#D1CFC8
Tritanopia (blue-blind)
#D0CECD
Achromatopsia (no color)
#CFCFCF

Design tokens & code

CSS
--color: #cfcfc8;
/* rgb */ color: rgb(207, 207, 200);
/* oklch */ color: oklch(85.3% 0.010 106.6);
Tailwind
colors: {
  custom: {
    50: '#ddddd8',
    500: '#cfcfc8',
    950: '#000000',
  },
}
SCSS
$custom: #cfcfc8;
$custom-light: #ddddd8;
$custom-dark: #000000;
JSON
{
  "hex": "#cfcfc8",
  "rgb": {
    "r": 207,
    "g": 207,
    "b": 200
  },
  "hsl": {
    "h": 60,
    "s": 6.796,
    "l": 79.804
  },
  "oklch": {
    "l": 0.85253,
    "c": 0.00955,
    "h": 106.6
  },
  "luminance": 0.62061
}

Semantic roles & 50–950 ramp

primary
#CFCFC8
secondary
#9999A2
accent
#559155
background
#FEFEFE
surface
#FCFCFB
border
#D5D5D4
text
#151514
muted
#848483

Preview Lab

Preview with #CFCFC8

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

Preview Lab → · Contrast checker → · Palette generator →

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