#CE65A4#CE65A4

#CE65A4 is a light, vivid pink. Relative luminance 0.251; OKLCH L 65.1% C 0.151 H 345.2°. Best body text is #000000 at 6.02:1 contrast (WCAG AA passes).

Color values

HEX#CE65A4
RGBrgb(206, 101, 164)
HSLhsl(324, 52%, 60%)
HSVhsv(324, 51%, 81%)
CMYKcmyk(0%, 51%, 20.4%, 19.2%)
CIE-LABlab(57.18, 49.00, -14.66)
CIE-LCHlch(57.18, 51.15, 343.34°)
OKLaboklab(65.06% 0.1463 -0.0388)
OKLCHoklch(65.06% 0.151 345.2)
XYZxyz(36.8090, 25.1125, 38.0233)
Luminance0.2511 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CE65A4 #65CE8F
analogous
#C365CE #CE65A4 #CE656F
triadic
#CE65A4 #A4CE65 #65A4CE
tetradic
#CE65A4 #CEC365 #65CE8F #656FCE
square
#CE65A4 #CEC365 #65CE8F #656FCE
split-complementary
#CE65A4 #6FCE65 #65CEC3
monochromatic
#8C2D66 #BA3B88 #CE65A4 #DD93BF #ECC2DB

Accessibility & contrast

On white

3.49
#CE65A4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.02
#CE65A4 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CE65A4
6.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CE65A4#FFFFFF#000000##000000
##CE65A41.003.496.026.02
#FFFFFF3.491.0021.0021.00
#0000006.0221.001.001.00
##0000006.0221.001.001.00

Color blindness preview

Protanopia (red-blind)
#6E7EA6
Deuteranopia (green-blind)
#8A90A1
Tritanopia (blue-blind)
#DA647D
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #ce65a4;
/* rgb */ color: rgb(206, 101, 164);
/* oklch */ color: oklch(65.1% 0.151 345.2);
Tailwind
colors: {
  custom: {
    50: '#df94bf',
    500: '#ce65a4',
    950: '#000000',
  },
}
SCSS
$custom: #ce65a4;
$custom-light: #df94bf;
$custom-dark: #000000;
JSON
{
  "hex": "#ce65a4",
  "rgb": {
    "r": 206,
    "g": 101,
    "b": 164
  },
  "hsl": {
    "h": 324,
    "s": 51.724,
    "l": 60.196
  },
  "oklch": {
    "l": 0.6506,
    "c": 0.15135,
    "h": 345.2
  },
  "luminance": 0.2511
}

Semantic roles & 50–950 ramp

primary
#CE65A4
secondary
#B3DCC3
accent
#BF6326
background
#FEF9FB
surface
#FCF2F7
border
#D5CCD0
text
#150D12
muted
#847E81

Preview Lab

Preview with #CE65A4

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

Preview Lab → · Contrast checker → · Palette generator →

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