#E8AFDA#E8AFDA

#E8AFDA es un color claro y moderadamente saturado de la familia rosa. Luminancia relativa 0.529; OKLCH L 81.9% C 0.087 H 335.4°. El mejor color de texto es #000000 con contraste 11.58:1 (cumple WCAG AA).

Valores del color

HEX#E8AFDA
RGBrgb(232, 175, 218)
HSLhsl(315, 55%, 80%)
HSVhsv(315, 25%, 91%)
CMYKcmyk(0%, 24.6%, 6%, 9%)
CIE-LABlab(77.80, 27.58, -13.55)
CIE-LCHlch(77.80, 30.73, 333.83°)
OKLaboklab(81.94% 0.0787 -0.0361)
OKLCHoklch(81.94% 0.087 335.4)
XYZxyz(61.2627, 52.8798, 73.2958)
Luminance0.5288 (WCAG relative)
Temperatureneutral
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#E8AFDA #AFE8BD
analogous
#DAAFE8 #E8AFDA #E8AFBE
triadic
#E8AFDA #DAE8AF #AFDAE8
tetradic
#E8AFDA #E8DAAF #AFE8BD #AFBEE8
square
#E8AFDA #E8DAAF #AFE8BD #AFBEE8
split-complementary
#E8AFDA #BEE8AF #AFE8DA
monochromatic
#CD50AE #DA7FC4 #E8AFDA #F6DFF0 #F8E7F4

Accesibilidad y contraste

On white

1.81
#E8AFDA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.58
#E8AFDA on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #E8AFDA
11.58:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##E8AFDA#FFFFFF#000000##000000
##E8AFDA1.001.8111.5811.58
#FFFFFF1.811.0021.0021.00
#00000011.5821.001.001.00
##00000011.5821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#AFBBDC
Deuteranopia (green-blind)
#BCC3D8
Tritanopia (blue-blind)
#EEB1BE
Achromatopsia (no color)
#C0C0C0

Tokens de diseño y código

CSS
--color: #e8afda;
/* rgb */ color: rgb(232, 175, 218);
/* oklch */ color: oklch(81.9% 0.087 335.4);
Tailwind
colors: {
  custom: {
    50: '#f0c7e5',
    500: '#e8afda',
    950: '#000000',
  },
}
SCSS
$custom: #e8afda;
$custom-light: #f0c7e5;
$custom-dark: #000000;
JSON
{
  "hex": "#e8afda",
  "rgb": {
    "r": 232,
    "g": 175,
    "b": 218
  },
  "hsl": {
    "h": 314.737,
    "s": 55.34,
    "l": 79.804
  },
  "oklch": {
    "l": 0.81938,
    "c": 0.08661,
    "h": 335.4
  },
  "luminance": 0.52878
}

Semantic roles & 50–950 ramp

primary
#E8AFDA
secondary
#78C38A
accent
#C34A23
background
#FFFDFE
surface
#FEF9FC
border
#D6D2D5
text
#161315
muted
#858284

Laboratorio de vista previa

Vista previa con #E8AFDA

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

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

#E8AFDA — Tintiva