#ECA5B2#ECA5B2

#ECA5B2 es un color claro y moderadamente saturado de la familia rojo. Luminancia relativa 0.480; OKLCH L 79.3% C 0.085 H 7.1°. El mejor color de texto es #000000 con contraste 10.59:1 (cumple WCAG AA).

Valores del color

HEX#ECA5B2
RGBrgb(236, 165, 178)
HSLhsl(349, 65%, 79%)
HSVhsv(349, 30%, 93%)
CMYKcmyk(0%, 30.1%, 24.6%, 7.5%)
CIE-LABlab(74.80, 28.00, 3.90)
CIE-LCHlch(74.80, 28.27, 7.93°)
OKLaboklab(79.35% 0.0847 0.0106)
OKLCHoklch(79.35% 0.085 7.1)
XYZxyz(56.0841, 47.9607, 48.4141)
Luminance0.4796 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#ECA5B2 #A5ECDF
analogous
#ECA5D5 #ECA5B2 #ECBBA5
triadic
#ECA5B2 #B2ECA5 #A5B2EC
tetradic
#ECA5B2 #D5ECA5 #A5ECDF #BBA5EC
square
#ECA5B2 #D5ECA5 #A5ECDF #BBA5EC
split-complementary
#ECA5B2 #A5ECBB #A5D5EC
monochromatic
#D7405C #E17287 #ECA5B2 #F7D8DD #FAE6E9

Accesibilidad y contraste

On white

1.98
#ECA5B2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.59
#ECA5B2 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #ECA5B2
10.59:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##ECA5B2#FFFFFF#000000##000000
##ECA5B21.001.9810.5910.59
#FFFFFF1.981.0021.0021.00
#00000010.5921.001.001.00
##00000010.5921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#B0B0B2
Deuteranopia (green-blind)
#C1BDB1
Tritanopia (blue-blind)
#F9A0AA
Achromatopsia (no color)
#B8B8B8

Tokens de diseño y código

CSS
--color: #eca5b2;
/* rgb */ color: rgb(236, 165, 178);
/* oklch */ color: oklch(79.3% 0.085 7.1);
Tailwind
colors: {
  custom: {
    50: '#f3c0c9',
    500: '#eca5b2',
    950: '#000000',
  },
}
SCSS
$custom: #eca5b2;
$custom-light: #f3c0c9;
$custom-dark: #000000;
JSON
{
  "hex": "#eca5b2",
  "rgb": {
    "r": 236,
    "g": 165,
    "b": 178
  },
  "hsl": {
    "h": 349.014,
    "s": 65.138,
    "l": 78.627
  },
  "oklch": {
    "l": 0.7935,
    "c": 0.08537,
    "h": 7.1
  },
  "luminance": 0.47957
}

Semantic roles & 50–950 ramp

primary
#ECA5B2
secondary
#DAF1ED
accent
#CDAC19
background
#FFFBFC
surface
#FEF7F8
border
#D6D0D1
text
#171213
muted
#858182

Laboratorio de vista previa

Vista previa con #ECA5B2

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

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

#ECA5B2 — Tintiva