#EAA1C8#EAA1C8

#EAA1C8 es un color claro y moderadamente saturado de la familia rosa. Luminancia relativa 0.472; OKLCH L 79.1% C 0.099 H 346.3°. El mejor color de texto es #000000 con contraste 10.43:1 (cumple WCAG AA).

Valores del color

HEX#EAA1C8
RGBrgb(234, 161, 200)
HSLhsl(328, 63%, 77%)
HSVhsv(328, 31%, 92%)
CMYKcmyk(0%, 31.2%, 14.5%, 8.2%)
CIE-LABlab(74.29, 32.72, -8.96)
CIE-LCHlch(74.29, 33.93, 344.69°)
OKLaboklab(79.11% 0.0965 -0.0235)
OKLCHoklch(79.11% 0.099 346.3)
XYZxyz(57.1021, 47.1551, 60.7265)
Luminance0.4715 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#EAA1C8 #A1EAC3
analogous
#E7A1EA #EAA1C8 #EAA1A4
triadic
#EAA1C8 #C8EAA1 #A1C8EA
tetradic
#EAA1C8 #EAE7A1 #A1EAC3 #A1A4EA
square
#EAA1C8 #EAE7A1 #A1EAC3 #A1A4EA
split-complementary
#EAA1C8 #A4EAA1 #A1EAE7
monochromatic
#D43D8D #DF6FAB #EAA1C8 #F5D3E5 #F9E6F0

Accesibilidad y contraste

On white

2.01
#EAA1C8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.43
#EAA1C8 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #EAA1C8
10.43:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##EAA1C8#FFFFFF#000000##000000
##EAA1C81.002.0110.4310.43
#FFFFFF2.011.0021.0021.00
#00000010.4321.001.001.00
##00000010.4321.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#A6B0C9
Deuteranopia (green-blind)
#B8BBC6
Tritanopia (blue-blind)
#F4A0AE
Achromatopsia (no color)
#B7B7B7

Tokens de diseño y código

CSS
--color: #eaa1c8;
/* rgb */ color: rgb(234, 161, 200);
/* oklch */ color: oklch(79.1% 0.099 346.3);
Tailwind
colors: {
  custom: {
    50: '#f2bdd8',
    500: '#eaa1c8',
    950: '#000000',
  },
}
SCSS
$custom: #eaa1c8;
$custom-light: #f2bdd8;
$custom-dark: #000000;
JSON
{
  "hex": "#eaa1c8",
  "rgb": {
    "r": 234,
    "g": 161,
    "b": 200
  },
  "hsl": {
    "h": 327.945,
    "s": 63.478,
    "l": 77.451
  },
  "oklch": {
    "l": 0.7911,
    "c": 0.09927,
    "h": 346.3
  },
  "luminance": 0.47152
}

Semantic roles & 50–950 ramp

primary
#EAA1C8
secondary
#DAF1E5
accent
#CB6D1A
background
#FEFBFD
surface
#FDF6FA
border
#D5D0D3
text
#171214
muted
#858183

Laboratorio de vista previa

Vista previa con #EAA1C8

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

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

#EAA1C8 — Tintiva