#CB4CF2#CB4CF2

#CB4CF2 is a light, highly saturated purple. Relative luminance 0.243; OKLCH L 65.6% C 0.249 H 317.1°. Best body text is #000000 at 5.86:1 contrast (WCAG AA passes).

Color values

HEX#CB4CF2
RGBrgb(203, 76, 242)
HSLhsl(286, 86%, 62%)
HSVhsv(286, 69%, 95%)
CMYKcmyk(16.1%, 68.6%, 0%, 5.1%)
CIE-LABlab(56.37, 72.62, -60.39)
CIE-LCHlch(56.37, 94.45, 320.26°)
OKLaboklab(65.57% 0.1827 -0.1696)
OKLCHoklch(65.57% 0.249 317.1)
XYZxyz(43.2377, 24.2780, 86.3957)
Luminance0.2428 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CB4CF2 #73F24C
analogous
#784CF2 #CB4CF2 #F24CC6
triadic
#CB4CF2 #F2CB4C #4CF2CB
tetradic
#CB4CF2 #F2784C #73F24C #4CC6F2
square
#CB4CF2 #F2784C #73F24C #4CC6F2
split-complementary
#CB4CF2 #C6F24C #4CF278
monochromatic
#8F0DB6 #BA13EE #CB4CF2 #DC85F6 #ECBEFA

Accessibility & contrast

On white

3.59
#CB4CF2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.86
#CB4CF2 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CB4CF2
5.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CB4CF2#FFFFFF#000000##000000
##CB4CF21.003.595.865.86
#FFFFFF3.591.0021.0021.00
#0000005.8621.001.001.00
##0000005.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#007FF7
Deuteranopia (green-blind)
#4F8BEE
Tritanopia (blue-blind)
#C96D9A
Achromatopsia (no color)
#878787

Design tokens & code

CSS
--color: #cb4cf2;
/* rgb */ color: rgb(203, 76, 242);
/* oklch */ color: oklch(65.6% 0.249 317.1);
Tailwind
colors: {
  custom: {
    50: '#df88f7',
    500: '#cb4cf2',
    950: '#000000',
  },
}
SCSS
$custom: #cb4cf2;
$custom-light: #df88f7;
$custom-dark: #000000;
JSON
{
  "hex": "#cb4cf2",
  "rgb": {
    "r": 203,
    "g": 76,
    "b": 242
  },
  "hsl": {
    "h": 285.904,
    "s": 86.458,
    "l": 62.353
  },
  "oklch": {
    "l": 0.65567,
    "c": 0.24931,
    "h": 317.1
  },
  "luminance": 0.24276
}

Semantic roles & 50–950 ramp

primary
#CB4CF2
secondary
#BDEBAF
accent
#E30337
background
#FEF8FF
surface
#FCF0FF
border
#D5CBD7
text
#160C17
muted
#847D85

Preview Lab

Preview with #CB4CF2

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

Preview Lab → · Contrast checker → · Palette generator →

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