#ACFE83#ACFE83

#ACFE83 es un color muy claro y vivo de la familia verde. Luminancia relativa 0.813; OKLCH L 91.7% C 0.176 H 136.1°. El mejor color de texto es #000000 con contraste 17.26:1 (cumple WCAG AA).

Valores del color

HEX	#ACFE83
RGB	rgb(172, 254, 131)
HSL	hsl(100, 98%, 75%)
HSV	hsv(100, 48%, 100%)
CMYK	cmyk(32.3%, 0%, 48.4%, 0.4%)
CIE-LAB	lab(92.26, -46.11, 50.73)
CIE-LCH	lch(92.26, 68.55, 132.27°)
OKLab	oklab(91.74% -0.1269 0.1221)
OKLCH	oklch(91.74% 0.176 136.1)
XYZ	xyz(56.5503, 81.2907, 34.1794)
Luminance	0.8129 (WCAG relative)
Temperature	warm
Family	green

Colores con nombre más cercanos

Spring Green (survey)

Light Yellowish Green

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#ACFE83 #D583FE

analogous

#E9FE83 #ACFE83 #83FE97

triadic

#ACFE83 #83ACFE #FE83AC

tetradic

#ACFE83 #83E9FE #D583FE #FE9783

square

#ACFE83 #83E9FE #D583FE #FE9783

split-complementary

#ACFE83 #9783FE #FE83E9

monochromatic

#5BFD0A #83FE46 #ACFE83 #D5FEC0 #EBFFE1

Accesibilidad y contraste

On white

1.22

#ACFE83 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.26

#ACFE83 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #ACFE83

17.26:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##ACFE83	#FFFFFF	#000000	##000000
##ACFE83	1.00	1.22	17.26	17.26
#FFFFFF	1.22	1.00	21.00	21.00
#000000	17.26	21.00	1.00	1.00
##000000	17.26	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#FFED78

Deuteranopia (green-blind)

#FAE68B

Tritanopia (blue-blind)

#AAF6E1

Achromatopsia (no color)

#E9E9E9

Tokens de diseño y código

CSS

--color: #acfe83;
/* rgb */ color: rgb(172, 254, 131);
/* oklch */ color: oklch(91.7% 0.176 136.1);

Tailwind

colors: {
  custom: {
    50: '#c8ffa9',
    500: '#acfe83',
    950: '#000000',
  },
}

SCSS

$custom: #acfe83;
$custom-light: #c8ffa9;
$custom-dark: #000000;

JSON

{
  "hex": "#acfe83",
  "rgb": {
    "r": 172,
    "g": 254,
    "b": 131
  },
  "hsl": {
    "h": 100,
    "s": 98.4,
    "l": 75.49
  },
  "oklch": {
    "l": 0.91744,
    "c": 0.17605,
    "h": 136.1
  },
  "luminance": 0.81293
}

Semantic roles & 50–950 ramp

primary

#ACFE83

secondary

#AB48DD

accent

#00E699

background

#FEFFFD

surface

#FAFFF7

border

#D3D7D0

text

#131810

muted

#838681

Laboratorio de vista previa

Vista previa con #ACFE83

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

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