#A4E3AF#A4E3AF

#A4E3AF es un color muy claro y moderadamente saturado de la familia verde. Luminancia relativa 0.659; OKLCH L 86.0% C 0.096 H 149.4°. El mejor color de texto es #000000 con contraste 14.19:1 (cumple WCAG AA).

Valores del color

HEX#A4E3AF
RGBrgb(164, 227, 175)
HSLhsl(130, 53%, 77%)
HSVhsv(130, 28%, 89%)
CMYKcmyk(27.8%, 0%, 22.9%, 11%)
CIE-LABlab(84.96, -30.16, 19.14)
CIE-LCHlch(84.96, 35.72, 147.60°)
OKLaboklab(85.96% -0.0827 0.0489)
OKLCHoklch(85.96% 0.096 149.4)
XYZxyz(50.5144, 65.9238, 50.6121)
Luminance0.6593 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#A4E3AF #E3A4D8
analogous
#B9E3A4 #A4E3AF #A4E3CF
triadic
#A4E3AF #AFA4E3 #E3AFA4
tetradic
#A4E3AF #A4B9E3 #E3A4D8 #E3CFA4
square
#A4E3AF #A4B9E3 #E3A4D8 #E3CFA4
split-complementary
#A4E3AF #CFA4E3 #E3A4B9
monochromatic
#46C65D #75D586 #A4E3AF #D3F1D8 #E8F8EA

Accesibilidad y contraste

On white

1.48
#A4E3AF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.19
#A4E3AF on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #A4E3AF
14.19:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##A4E3AF#FFFFFF#000000##000000
##A4E3AF1.001.4814.1914.19
#FFFFFF1.481.0021.0021.00
#00000014.1921.001.001.00
##00000014.1921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#E4D8AC
Deuteranopia (green-blind)
#DAD1B2
Tritanopia (blue-blind)
#9CE1D5
Achromatopsia (no color)
#D4D4D4

Tokens de diseño y código

CSS
--color: #a4e3af;
/* rgb */ color: rgb(164, 227, 175);
/* oklch */ color: oklch(86.0% 0.096 149.4);
Tailwind
colors: {
  custom: {
    50: '#c0ecc7',
    500: '#a4e3af',
    950: '#000000',
  },
}
SCSS
$custom: #a4e3af;
$custom-light: #c0ecc7;
$custom-dark: #000000;
JSON
{
  "hex": "#a4e3af",
  "rgb": {
    "r": 164,
    "g": 227,
    "b": 175
  },
  "hsl": {
    "h": 130.476,
    "s": 52.941,
    "l": 76.667
  },
  "oklch": {
    "l": 0.85956,
    "c": 0.09612,
    "h": 149.4
  },
  "luminance": 0.65926
}

Semantic roles & 50–950 ramp

primary
#A4E3AF
secondary
#BD6FAF
accent
#25A5C0
background
#FDFEFD
surface
#F9FDF9
border
#D2D5D2
text
#121613
muted
#828482

Laboratorio de vista previa

Vista previa con #A4E3AF

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

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

#A4E3AF — Tintiva