#EFA79E#EFA79E

#EFA79E es un color claro y moderadamente saturado de la familia rojo. Luminancia relativa 0.485; OKLCH L 79.5% C 0.087 H 27.1°. El mejor color de texto es #000000 con contraste 10.69:1 (cumple WCAG AA).

Valores del color

HEX#EFA79E
RGBrgb(239, 167, 158)
HSLhsl(7, 72%, 78%)
HSVhsv(7, 34%, 94%)
CMYKcmyk(0%, 30.1%, 33.9%, 6.3%)
CIE-LABlab(75.11, 25.40, 15.34)
CIE-LCHlch(75.11, 29.68, 31.13°)
OKLaboklab(79.51% 0.0773 0.0396)
OKLCHoklch(79.51% 0.087 27.1)
XYZxyz(55.5887, 48.4604, 38.7670)
Luminance0.4846 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#EFA79E #9EE6EF
analogous
#EF9EBD #EFA79E #EFD09E
triadic
#EFA79E #9EEFA7 #A79EEF
tetradic
#EFA79E #BDEF9E #9EE6EF #D09EEF
square
#EFA79E #BDEF9E #9EE6EF #D09EEF
split-complementary
#EFA79E #9EEFD0 #9EBDEF
monochromatic
#DE4835 #E67769 #EFA79E #F8D7D3 #FBE7E5

Accesibilidad y contraste

On white

1.96
#EFA79E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.69
#EFA79E on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #EFA79E
10.69:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##EFA79E#FFFFFF#000000##000000
##EFA79E1.001.9610.6910.69
#FFFFFF1.961.0021.0021.00
#00000010.6921.001.001.00
##00000010.6921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#B6B09D
Deuteranopia (green-blind)
#C7BE9D
Tritanopia (blue-blind)
#FE9EA5
Achromatopsia (no color)
#B9B9B9

Tokens de diseño y código

CSS
--color: #efa79e;
/* rgb */ color: rgb(239, 167, 158);
/* oklch */ color: oklch(79.5% 0.087 27.1);
Tailwind
colors: {
  custom: {
    50: '#f6c1ba',
    500: '#efa79e',
    950: '#000000',
  },
}
SCSS
$custom: #efa79e;
$custom-light: #f6c1ba;
$custom-dark: #000000;
JSON
{
  "hex": "#efa79e",
  "rgb": {
    "r": 239,
    "g": 167,
    "b": 158
  },
  "hsl": {
    "h": 6.667,
    "s": 71.681,
    "l": 77.843
  },
  "oklch": {
    "l": 0.79511,
    "c": 0.08682,
    "h": 27.1
  },
  "luminance": 0.48457
}

Semantic roles & 50–950 ramp

primary
#EFA79E
secondary
#D9EFF2
accent
#BED412
background
#FFFBFB
surface
#FFF7F6
border
#D7D0D0
text
#171211
muted
#858180

Laboratorio de vista previa

Vista previa con #EFA79E

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

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

#EFA79E — Tintiva