#4AEA92#4AEA92

#4AEA92 es un color muy claro y vivo de la familia verde. Luminancia relativa 0.624; OKLCH L 83.4% C 0.181 H 154.7°. El mejor color de texto es #000000 con contraste 13.48:1 (cumple WCAG AA).

Valores del color

HEX	#4AEA92
RGB	rgb(74, 234, 146)
HSL	hsl(147, 79%, 60%)
HSV	hsv(147, 68%, 92%)
CMYK	cmyk(68.4%, 0%, 37.6%, 8.2%)
CIE-LAB	lab(83.11, -60.71, 31.00)
CIE-LCH	lch(83.11, 68.16, 152.95°)
OKLab	oklab(83.36% -0.164 0.0775)
OKLCH	oklch(83.36% 0.181 154.7)
XYZ	xyz(37.4318, 62.3727, 37.2550)
Luminance	0.6238 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#4AEA92 #EA4AA2

analogous

#52EA4A #4AEA92 #4AEAE2

triadic

#4AEA92 #924AEA #EA924A

tetradic

#4AEA92 #4A52EA #EA4AA2 #EAE24A

square

#4AEA92 #4A52EA #EA4AA2 #EAE24A

split-complementary

#4AEA92 #E24AEA #EA4A52

monochromatic

#13A655 #1ADD72 #4AEA92 #81F0B3 #B8F7D4

Accesibilidad y contraste

On white

1.56

#4AEA92 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.48

#4AEA92 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #4AEA92

13.48:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##4AEA92	#FFFFFF	#000000	##000000
##4AEA92	1.00	1.56	13.48	13.48
#FFFFFF	1.56	1.00	21.00	21.00
#000000	13.48	21.00	1.00	1.00
##000000	13.48	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#E9D88C

Deuteranopia (green-blind)

#D5C998

Tritanopia (blue-blind)

#00E7D4

Achromatopsia (no color)

#CFCFCF

Tokens de diseño y código

CSS

--color: #4aea92;
/* rgb */ color: rgb(74, 234, 146);
/* oklch */ color: oklch(83.4% 0.181 154.7);

Tailwind

colors: {
  custom: {
    50: '#8ff2b2',
    500: '#4aea92',
    950: '#000000',
  },
}

SCSS

$custom: #4aea92;
$custom-light: #8ff2b2;
$custom-dark: #000000;

JSON

{
  "hex": "#4aea92",
  "rgb": {
    "r": 74,
    "g": 234,
    "b": 146
  },
  "hsl": {
    "h": 147,
    "s": 79.208,
    "l": 60.392
  },
  "oklch": {
    "l": 0.83361,
    "c": 0.18142,
    "h": 154.7
  },
  "luminance": 0.62377
}

Semantic roles & 50–950 ramp

primary

#4AEA92

secondary

#A83072

accent

#0A7DDC

background

#FCFFFD

surface

#F5FEF8

border

#CFD6D1

text

#0E1711

muted

#7F8581

Laboratorio de vista previa

Vista previa con #4AEA92

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

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