#CC4BDB#CC4BDB

#CC4BDB is a light, highly saturated purple. Relative luminance 0.230; OKLCH L 64.2% C 0.231 H 323.4°. Best body text is #000000 at 5.60:1 contrast (WCAG AA passes).

Color values

HEX#CC4BDB
RGBrgb(204, 75, 219)
HSLhsl(294, 67%, 58%)
HSVhsv(294, 66%, 86%)
CMYKcmyk(6.8%, 65.8%, 0%, 14.1%)
CIE-LABlab(55.06, 69.04, -49.54)
CIE-LCHlch(55.06, 84.98, 324.34°)
OKLaboklab(64.24% 0.1856 -0.1379)
OKLCHoklch(64.24% 0.231 323.4)
XYZxyz(40.2029, 22.9863, 69.3233)
Luminance0.2298 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CC4BDB #5ADB4B
analogous
#844BDB #CC4BDB #DB4BA2
triadic
#CC4BDB #DBCC4B #4BDBCC
tetradic
#CC4BDB #DB844B #5ADB4B #4BA2DB
square
#CC4BDB #DB844B #5ADB4B #4BA2DB
split-complementary
#CC4BDB #A2DB4B #4BDB84
monochromatic
#831D8F #B227C2 #CC4BDB #DA7EE5 #E9B1EF

Accessibility & contrast

On white

3.75
#CC4BDB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.60
#CC4BDB on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CC4BDB
5.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CC4BDB#FFFFFF#000000##000000
##CC4BDB1.003.755.605.60
#FFFFFF3.751.0021.0021.00
#0000005.6021.001.001.00
##0000005.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#287ADF
Deuteranopia (green-blind)
#6289D7
Tritanopia (blue-blind)
#CF628D
Achromatopsia (no color)
#848484

Design tokens & code

CSS
--color: #cc4bdb;
/* rgb */ color: rgb(204, 75, 219);
/* oklch */ color: oklch(64.2% 0.231 323.4);
Tailwind
colors: {
  custom: {
    50: '#df87e7',
    500: '#cc4bdb',
    950: '#000000',
  },
}
SCSS
$custom: #cc4bdb;
$custom-light: #df87e7;
$custom-dark: #000000;
JSON
{
  "hex": "#cc4bdb",
  "rgb": {
    "r": 204,
    "g": 75,
    "b": 219
  },
  "hsl": {
    "h": 293.75,
    "s": 66.667,
    "l": 57.647
  },
  "oklch": {
    "l": 0.64236,
    "c": 0.23125,
    "h": 323.4
  },
  "luminance": 0.22984
}

Semantic roles & 50–950 ramp

primary
#CC4BDB
secondary
#AADEA4
accent
#EA3E50
background
#FEF8FE
surface
#FCF0FC
border
#D5CBD5
text
#160C16
muted
#847D84

Preview Lab

Preview with #CC4BDB

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

Preview Lab → · Contrast checker → · Palette generator →

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