#C294CE#C294CE

#C294CE es un color claro y moderadamente saturado de la familia purple. Luminancia relativa 0.371; OKLCH L 72.9% C 0.096 H 319.2°. El mejor color de texto es #000000 con contraste 8.42:1 (cumple WCAG AA).

Valores del color

HEX#C294CE
RGBrgb(194, 148, 206)
HSLhsl(288, 37%, 69%)
HSVhsv(288, 28%, 81%)
CMYKcmyk(5.8%, 28.2%, 0%, 19.2%)
CIE-LABlab(67.36, 27.43, -23.14)
CIE-LCHlch(67.36, 35.88, 319.85°)
OKLaboklab(72.94% 0.0729 -0.0629)
OKLCHoklch(72.94% 0.096 319.2)
XYZxyz(43.9771, 37.1063, 63.2261)
Luminance0.3710 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C294CE #A0CE94
analogous
#A594CE #C294CE #CE94BD
triadic
#C294CE #CEC294 #94CEC2
tetradic
#C294CE #CEA594 #A0CE94 #94BDCE
square
#C294CE #CEA594 #A0CE94 #94BDCE
split-complementary
#C294CE #BDCE94 #94CEA5
monochromatic
#8D499F #AA6ABB #C294CE #DABEE1 #F2E8F4

Accesibilidad y contraste

On white

2.49
#C294CE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.42
#C294CE on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C294CE
8.42:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C294CE#FFFFFF#000000##000000
##C294CE1.002.498.428.42
#FFFFFF2.491.0021.0021.00
#0000008.4221.001.001.00
##0000008.4221.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#8DA1D0
Deuteranopia (green-blind)
#98A6CC
Tritanopia (blue-blind)
#C39AA9
Achromatopsia (no color)
#A4A4A4

Tokens de diseño y código

CSS
--color: #c294ce;
/* rgb */ color: rgb(194, 148, 206);
/* oklch */ color: oklch(72.9% 0.096 319.2);
Tailwind
colors: {
  custom: {
    50: '#d5b4dd',
    500: '#c294ce',
    950: '#000000',
  },
}
SCSS
$custom: #c294ce;
$custom-light: #d5b4dd;
$custom-dark: #000000;
JSON
{
  "hex": "#c294ce",
  "rgb": {
    "r": 194,
    "g": 148,
    "b": 206
  },
  "hsl": {
    "h": 287.586,
    "s": 37.179,
    "l": 69.412
  },
  "oklch": {
    "l": 0.72938,
    "c": 0.09626,
    "h": 319.2
  },
  "luminance": 0.37105
}

Semantic roles & 50–950 ramp

primary
#C294CE
secondary
#DAE7D7
accent
#B0354F
background
#FDFBFD
surface
#FAF6FB
border
#D3D0D4
text
#141115
muted
#838083

Laboratorio de vista previa

Vista previa con #C294CE

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

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#C294CE — Tintiva