#C46293#C46293

#C46293 es un color claro y vivo de la familia rosa. Luminancia relativa 0.226; OKLCH L 62.7% C 0.137 H 350.5°. El mejor color de texto es #000000 con contraste 5.52:1 (cumple WCAG AA).

Valores del color

HEX	#C46293
RGB	rgb(196, 98, 147)
HSL	hsl(330, 45%, 58%)
HSV	hsv(330, 50%, 77%)
CMYK	cmyk(0%, 50%, 25%, 23.1%)
CIE-LAB	lab(54.64, 44.81, -8.71)
CIE-LCH	lch(54.64, 45.65, 348.99°)
OKLab	oklab(62.68% 0.1349 -0.0226)
OKLCH	oklch(62.68% 0.137 350.5)
XYZ	xyz(32.4001, 22.5804, 30.2501)
Luminance	0.2258 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#C46293 #62C493

analogous

#C462C4 #C46293 #C46262

triadic

#C46293 #93C462 #6293C4

tetradic

#C46293 #C4C462 #62C493 #6262C4

square

#C46293 #C4C462 #62C493 #6262C4

split-complementary

#C46293 #62C462 #62C4C4

monochromatic

#7D2F56 #A94074 #C46293 #D58EB2 #E5BBD0

Accesibilidad y contraste

On white

3.81

#C46293 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.52

#C46293 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #C46293

5.52:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##C46293	#FFFFFF	#000000	##000000
##C46293	1.00	3.81	5.52	5.52
#FFFFFF	3.81	1.00	21.00	21.00
#000000	5.52	21.00	1.00	1.00
##000000	5.52	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#6D7895

Deuteranopia (green-blind)

#878991

Tritanopia (blue-blind)

#D05F74

Achromatopsia (no color)

#838383

Tokens de diseño y código

CSS

--color: #c46293;
/* rgb */ color: rgb(196, 98, 147);
/* oklch */ color: oklch(62.7% 0.137 350.5);

Tailwind

colors: {
  custom: {
    50: '#d892b2',
    500: '#c46293',
    950: '#000000',
  },
}

SCSS

$custom: #c46293;
$custom-light: #d892b2;
$custom-dark: #000000;

JSON

{
  "hex": "#c46293",
  "rgb": {
    "r": 196,
    "g": 98,
    "b": 147
  },
  "hsl": {
    "h": 330,
    "s": 45.37,
    "l": 57.647
  },
  "oklch": {
    "l": 0.62678,
    "c": 0.13682,
    "h": 350.5
  },
  "luminance": 0.22578
}

Semantic roles & 50–950 ramp

primary

#C46293

secondary

#ADD5C1

accent

#D59453

background

#FDF9FA

surface

#FBF1F5

border

#D4CBCF

text

#150D11

muted

#837E80

Laboratorio de vista previa

Vista previa con #C46293

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

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