#CC92FD#CC92FD

#CC92FD is a light, vivid violet. Relative luminance 0.405; OKLCH L 75.7% C 0.159 H 308.0°. Best body text is #000000 at 9.10:1 contrast (WCAG AA passes).

Color values

HEX#CC92FD
RGBrgb(204, 146, 253)
HSLhsl(273, 96%, 78%)
HSVhsv(273, 42%, 99%)
CMYKcmyk(19.4%, 42.3%, 0%, 0.8%)
CIE-LABlab(69.82, 41.41, -45.10)
CIE-LCHlch(69.82, 61.23, 312.55°)
OKLaboklab(75.66% 0.098 -0.1254)
OKLCHoklch(75.66% 0.159 308)
XYZxyz(52.9069, 40.4876, 97.9372)
Luminance0.4049 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CC92FD #C3FD92
analogous
#9692FD #CC92FD #FD92F9
triadic
#CC92FD #FDCC92 #92FDCC
tetradic
#CC92FD #FD9692 #C3FD92 #92F9FD
square
#CC92FD #FD9692 #C3FD92 #92F9FD
split-complementary
#CC92FD #F9FD92 #92FD96
monochromatic
#941AFB #B056FC #CC92FD #E8CEFE #F1E1FE

Accessibility & contrast

On white

2.31
#CC92FD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.10
#CC92FD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CC92FD
9.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CC92FD#FFFFFF#000000##000000
##CC92FD1.002.319.109.10
#FFFFFF2.311.0021.0021.00
#0000009.1021.001.001.00
##0000009.1021.001.001.00

Color blindness preview

Protanopia (red-blind)
#7AA8FF
Deuteranopia (green-blind)
#88ABFA
Tritanopia (blue-blind)
#C5A3BC
Achromatopsia (no color)
#ABABAB

Design tokens & code

CSS
--color: #cc92fd;
/* rgb */ color: rgb(204, 146, 253);
/* oklch */ color: oklch(75.7% 0.159 308.0);
Tailwind
colors: {
  custom: {
    50: '#ddb3fe',
    500: '#cc92fd',
    950: '#000000',
  },
}
SCSS
$custom: #cc92fd;
$custom-light: #ddb3fe;
$custom-dark: #000000;
JSON
{
  "hex": "#cc92fd",
  "rgb": {
    "r": 204,
    "g": 146,
    "b": 253
  },
  "hsl": {
    "h": 272.523,
    "s": 96.396,
    "l": 78.235
  },
  "oklch": {
    "l": 0.75659,
    "c": 0.15914,
    "h": 308
  },
  "luminance": 0.40487
}

Semantic roles & 50–950 ramp

primary
#CC92FD
secondary
#E4F7D4
accent
#E60069
background
#FDFBFF
surface
#FBF6FF
border
#D4D0D7
text
#151118
muted
#838086

Preview Lab

Preview with #CC92FD

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

Preview Lab → · Contrast checker → · Palette generator →

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