#EB9DC9#EB9DC9

#EB9DC9 es un color claro y moderadamente saturado de la familia rosa. Luminancia relativa 0.460; OKLCH L 78.6% C 0.108 H 345.0°. El mejor color de texto es #000000 con contraste 10.20:1 (cumple WCAG AA).

Valores del color

HEX	#EB9DC9
RGB	rgb(235, 157, 201)
HSL	hsl(326, 66%, 77%)
HSV	hsv(326, 33%, 92%)
CMYK	cmyk(0%, 33.2%, 14.5%, 7.8%)
CIE-LAB	lab(73.54, 35.34, -10.61)
CIE-LCH	lch(73.54, 36.90, 343.29°)
OKLab	oklab(78.57% 0.1041 -0.0279)
OKLCH	oklch(78.57% 0.108 345)
XYZ	xyz(56.8608, 45.9961, 61.1301)
Luminance	0.4599 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#EB9DC9 #9DEBBF

analogous

#E69DEB #EB9DC9 #EB9DA2

triadic

#EB9DC9 #C9EB9D #9DC9EB

tetradic

#EB9DC9 #EBE69D #9DEBBF #9DA2EB

square

#EB9DC9 #EBE69D #9DEBBF #9DA2EB

split-complementary

#EB9DC9 #A2EB9D #9DEBE6

monochromatic

#D63791 #E16AAD #EB9DC9 #F5D0E5 #FAE6F1

Accesibilidad y contraste

On white

2.06

#EB9DC9 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.20

#EB9DC9 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #EB9DC9

10.20:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##EB9DC9	#FFFFFF	#000000	##000000
##EB9DC9	1.00	2.06	10.20	10.20
#FFFFFF	2.06	1.00	21.00	21.00
#000000	10.20	21.00	1.00	1.00
##000000	10.20	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#A2ADCB

Deuteranopia (green-blind)

#B5B9C7

Tritanopia (blue-blind)

#F59DAC

Achromatopsia (no color)

#B5B5B5

Tokens de diseño y código

CSS

--color: #eb9dc9;
/* rgb */ color: rgb(235, 157, 201);
/* oklch */ color: oklch(78.6% 0.108 345.0);

Tailwind

colors: {
  custom: {
    50: '#f2bbd9',
    500: '#eb9dc9',
    950: '#000000',
  },
}

SCSS

$custom: #eb9dc9;
$custom-light: #f2bbd9;
$custom-dark: #000000;

JSON

{
  "hex": "#eb9dc9",
  "rgb": {
    "r": 235,
    "g": 157,
    "b": 201
  },
  "hsl": {
    "h": 326.154,
    "s": 66.102,
    "l": 76.863
  },
  "oklch": {
    "l": 0.78575,
    "c": 0.10773,
    "h": 345
  },
  "luminance": 0.45993
}

Semantic roles & 50–950 ramp

primary

#EB9DC9

secondary

#DAF1E4

accent

#CE6718

background

#FEFBFD

surface

#FDF6FA

border

#D5D0D3

text

#171214

muted

#858183

Laboratorio de vista previa

Vista previa con #EB9DC9

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

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