#C07FC3#C07FC3

#C07FC3 es un color claro y vivo de la familia purple. Luminancia relativa 0.303; OKLCH L 68.6% C 0.121 H 325.3°. El mejor color de texto es #000000 con contraste 7.07:1 (cumple WCAG AA).

Valores del color

HEX#C07FC3
RGBrgb(192, 127, 195)
HSLhsl(297, 36%, 63%)
HSVhsv(297, 35%, 76%)
CMYKcmyk(1.5%, 34.9%, 0%, 23.5%)
CIE-LABlab(61.94, 36.18, -25.30)
CIE-LCHlch(61.94, 44.15, 325.03°)
OKLaboklab(68.63% 0.0993 -0.0689)
OKLCHoklch(68.63% 0.121 325.3)
XYZxyz(39.1770, 30.3268, 55.4092)
Luminance0.3033 (WCAG relative)
Temperatureneutral
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#C07FC3 #82C37F
analogous
#9E7FC3 #C07FC3 #C37FA4
triadic
#C07FC3 #C3C07F #7FC3C0
tetradic
#C07FC3 #C39E7F #82C37F #7FA4C3
square
#C07FC3 #C39E7F #82C37F #7FA4C3
split-complementary
#C07FC3 #A4C37F #7FC39E
monochromatic
#854088 #AB55AF #C07FC3 #D5A9D7 #E9D2EA

Accesibilidad y contraste

On white

2.97
#C07FC3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.07
#C07FC3 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C07FC3
7.07:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##C07FC3#FFFFFF#000000##000000
##C07FC31.002.977.077.07
#FFFFFF2.971.0021.0021.00
#0000007.0721.001.001.00
##0000007.0721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#7991C6
Deuteranopia (green-blind)
#8998C1
Tritanopia (blue-blind)
#C38698
Achromatopsia (no color)
#969696

Tokens de diseño y código

CSS
--color: #c07fc3;
/* rgb */ color: rgb(192, 127, 195);
/* oklch */ color: oklch(68.6% 0.121 325.3);
Tailwind
colors: {
  custom: {
    50: '#d4a5d5',
    500: '#c07fc3',
    950: '#000000',
  },
}
SCSS
$custom: #c07fc3;
$custom-light: #d4a5d5;
$custom-dark: #000000;
JSON
{
  "hex": "#c07fc3",
  "rgb": {
    "r": 192,
    "g": 127,
    "b": 195
  },
  "hsl": {
    "h": 297.353,
    "s": 36.17,
    "l": 63.137
  },
  "oklch": {
    "l": 0.68633,
    "c": 0.12088,
    "h": 325.3
  },
  "luminance": 0.30325
}

Semantic roles & 50–950 ramp

primary
#C07FC3
secondary
#C4DBC3
accent
#AF363C
background
#FDFAFD
surface
#FAF4FA
border
#D3CED3
text
#140F14
muted
#837F83

Laboratorio de vista previa

Vista previa con #C07FC3

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

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

#C07FC3 — Tintiva