#E35486#E35486

#E35486 es un color claro y vivo de la familia rosa. Luminancia relativa 0.244; OKLCH L 64.9% C 0.182 H 2.0°. El mejor color de texto es #000000 con contraste 5.88:1 (cumple WCAG AA).

Valores del color

HEX#E35486
RGBrgb(227, 84, 134)
HSLhsl(339, 72%, 61%)
HSVhsv(339, 63%, 89%)
CMYKcmyk(0%, 63%, 41%, 11%)
CIE-LABlab(56.48, 59.61, 2.18)
CIE-LCHlch(56.48, 59.65, 2.10°)
OKLaboklab(64.85% 0.1821 0.0064)
OKLCHoklch(64.85% 0.182 2)
XYZxyz(39.1546, 24.3974, 25.1969)
Luminance0.2439 (WCAG relative)
Temperaturewarm
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#E35486 #54E3B1
analogous
#E354CD #E35486 #E36954
triadic
#E35486 #86E354 #5486E3
tetradic
#E35486 #CDE354 #54E3B1 #6954E3
square
#E35486 #CDE354 #54E3B1 #6954E3
split-complementary
#E35486 #54E369 #54CDE3
monochromatic
#A21B4A #D72362 #E35486 #EC89AB #F4BDD0

Accesibilidad y contraste

On white

3.57
#E35486 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.88
#E35486 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #E35486
5.88:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##E35486#FFFFFF#000000##000000
##E354861.003.575.885.88
#FFFFFF3.571.0021.0021.00
#0000005.8821.001.001.00
##0000005.8821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#707687
Deuteranopia (green-blind)
#969283
Tritanopia (blue-blind)
#F54468
Achromatopsia (no color)
#878787

Tokens de diseño y código

CSS
--color: #e35486;
/* rgb */ color: rgb(227, 84, 134);
/* oklch */ color: oklch(64.9% 0.182 2.0);
Tailwind
colors: {
  custom: {
    50: '#f18ca9',
    500: '#e35486',
    950: '#000000',
  },
}
SCSS
$custom: #e35486;
$custom-light: #f18ca9;
$custom-dark: #000000;
JSON
{
  "hex": "#e35486",
  "rgb": {
    "r": 227,
    "g": 84,
    "b": 134
  },
  "hsl": {
    "h": 339.021,
    "s": 71.859,
    "l": 60.98
  },
  "oklch": {
    "l": 0.64852,
    "c": 0.18221,
    "h": 2
  },
  "luminance": 0.24393
}

Semantic roles & 50–950 ramp

primary
#E35486
secondary
#AEE4D2
accent
#D49012
background
#FFF8FA
surface
#FFF0F4
border
#D7CBCE
text
#170D0F
muted
#857D7F

Laboratorio de vista previa

Vista previa con #E35486

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

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

#E35486 — Tintiva