#E8ABC8#E8ABC8

#E8ABC8 es un color claro y moderadamente saturado de la familia rosa. Luminancia relativa 0.505; OKLCH L 80.6% C 0.080 H 348.9°. El mejor color de texto es #000000 con contraste 11.09:1 (cumple WCAG AA).

Valores del color

HEX#E8ABC8
RGBrgb(232, 171, 200)
HSLhsl(331, 57%, 79%)
HSVhsv(331, 26%, 91%)
CMYKcmyk(0%, 26.3%, 13.8%, 9%)
CIE-LABlab(76.35, 26.70, -5.93)
CIE-LCHlch(76.35, 27.35, 347.48°)
OKLaboklab(80.64% 0.0788 -0.0154)
OKLCHoklch(80.64% 0.08 348.9)
XYZxyz(58.2669, 50.4542, 61.3018)
Luminance0.5045 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#E8ABC8 #ABE8CB
analogous
#E8ABE7 #E8ABC8 #E8ADAB
triadic
#E8ABC8 #C8E8AB #ABC8E8
tetradic
#E8ABC8 #E7E8AB #ABE8CB #ADABE8
square
#E8ABC8 #E7E8AB #ABE8CB #ADABE8
split-complementary
#E8ABC8 #ABE8AD #ABE7E8
monochromatic
#CE4B89 #DB7BA9 #E8ABC8 #F5DBE7 #F8E7EF

Accesibilidad y contraste

On white

1.89
#E8ABC8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.09
#E8ABC8 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #E8ABC8
11.09:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##E8ABC8#FFFFFF#000000##000000
##E8ABC81.001.8911.0911.09
#FFFFFF1.891.0021.0021.00
#00000011.0921.001.001.00
##00000011.0921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#B0B6C9
Deuteranopia (green-blind)
#BEC0C6
Tritanopia (blue-blind)
#F1AAB5
Achromatopsia (no color)
#BCBCBC

Tokens de diseño y código

CSS
--color: #e8abc8;
/* rgb */ color: rgb(232, 171, 200);
/* oklch */ color: oklch(80.6% 0.080 348.9);
Tailwind
colors: {
  custom: {
    50: '#f0c4d8',
    500: '#e8abc8',
    950: '#000000',
  },
}
SCSS
$custom: #e8abc8;
$custom-light: #f0c4d8;
$custom-dark: #000000;
JSON
{
  "hex": "#e8abc8",
  "rgb": {
    "r": 232,
    "g": 171,
    "b": 200
  },
  "hsl": {
    "h": 331.475,
    "s": 57.009,
    "l": 79.02
  },
  "oklch": {
    "l": 0.80642,
    "c": 0.08029,
    "h": 348.9
  },
  "luminance": 0.50452
}

Semantic roles & 50–950 ramp

primary
#E8ABC8
secondary
#74C39E
accent
#C57721
background
#FFFDFE
surface
#FEF9FB
border
#D6D2D4
text
#161214
muted
#858283

Laboratorio de vista previa

Vista previa con #E8ABC8

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

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

#E8ABC8 — Tintiva