#BC659C#BC659C

#BC659C es un color claro y vivo de la familia rosa. Luminancia relativa 0.224; OKLCH L 62.4% C 0.130 H 342.9°. El mejor color de texto es #000000 con contraste 5.48:1 (cumple WCAG AA).

Valores del color

HEX	#BC659C
RGB	rgb(188, 101, 156)
HSL	hsl(322, 39%, 57%)
HSV	hsv(322, 46%, 74%)
CMYK	cmyk(0%, 46.3%, 17%, 26.3%)
CIE-LAB	lab(54.45, 41.96, -14.38)
CIE-LCH	lch(54.45, 44.36, 341.09°)
OKLab	oklab(62.41% 0.1242 -0.0382)
OKLCH	oklch(62.41% 0.13 342.9)
XYZ	xyz(31.3939, 22.4012, 34.1164)
Luminance	0.2240 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#BC659C #65BC85

analogous

#B165BC #BC659C #BC6571

triadic

#BC659C #9CBC65 #659CBC

tetradic

#BC659C #BCB165 #65BC85 #6571BC

square

#BC659C #BCB165 #65BC85 #6571BC

split-complementary

#BC659C #71BC65 #65BCB1

monochromatic

#74335C #9F457E #BC659C #CF90B7 #E1BAD3

Accesibilidad y contraste

On white

3.83

#BC659C on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.48

#BC659C on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #BC659C

5.48:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##BC659C	#FFFFFF	#000000	##000000
##BC659C	1.00	3.83	5.48	5.48
#FFFFFF	3.83	1.00	21.00	21.00
#000000	5.48	21.00	1.00	1.00
##000000	5.48	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#6A799E

Deuteranopia (green-blind)

#81879A

Tritanopia (blue-blind)

#C6657A

Achromatopsia (no color)

#828282

Tokens de diseño y código

CSS

--color: #bc659c;
/* rgb */ color: rgb(188, 101, 156);
/* oklch */ color: oklch(62.4% 0.130 342.9);

Tailwind

colors: {
  custom: {
    50: '#d293b9',
    500: '#bc659c',
    950: '#000000',
  },
}

SCSS

$custom: #bc659c;
$custom-light: #d293b9;
$custom-dark: #000000;

JSON

{
  "hex": "#bc659c",
  "rgb": {
    "r": 188,
    "g": 101,
    "b": 156
  },
  "hsl": {
    "h": 322.069,
    "s": 39.367,
    "l": 56.667
  },
  "oklch": {
    "l": 0.62412,
    "c": 0.12989,
    "h": 342.9
  },
  "luminance": 0.22399
}

Semantic roles & 50–950 ramp

primary

#BC659C

secondary

#ADD0BA

accent

#CF8459

background

#FDF9FB

surface

#FAF1F6

border

#D3CBD0

text

#140D11

muted

#837E80

Laboratorio de vista previa

Vista previa con #BC659C

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

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