#98EE71#98EE71

#98EE71 es un color muy claro y vivo de la familia verde. Luminancia relativa 0.690; OKLCH L 86.7% C 0.181 H 136.9°. El mejor color de texto es #000000 con contraste 14.80:1 (cumple WCAG AA).

Valores del color

HEX	#98EE71
RGB	rgb(152, 238, 113)
HSL	hsl(101, 79%, 69%)
HSV	hsv(101, 53%, 93%)
CMYK	cmyk(36.1%, 0%, 52.5%, 6.7%)
CIE-LAB	lab(86.51, -47.87, 51.89)
CIE-LCH	lch(86.51, 70.60, 132.69°)
OKLab	oklab(86.74% -0.1318 0.1236)
OKLCH	oklch(86.74% 0.181 136.9)
XYZ	xyz(46.5028, 69.0145, 26.4905)
Luminance	0.6902 (WCAG relative)
Temperature	warm
Family	green

Colores con nombre más cercanos

Spring Green (survey)

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#98EE71 #C771EE

analogous

#D7EE71 #98EE71 #71EE89

triadic

#98EE71 #7198EE #EE7198

tetradic

#98EE71 #71D7EE #C771EE #EE8971

square

#98EE71 #71D7EE #C771EE #EE8971

split-complementary

#98EE71 #8971EE #EE71D7

monochromatic

#51CC18 #70E73A #98EE71 #C0F5A8 #E7FBDE

Accesibilidad y contraste

On white

1.42

#98EE71 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.80

#98EE71 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #98EE71

14.80:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##98EE71	#FFFFFF	#000000	##000000
##98EE71	1.00	1.42	14.80	14.80
#FFFFFF	1.42	1.00	21.00	21.00
#000000	14.80	21.00	1.00	1.00
##000000	14.80	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#F5DD65

Deuteranopia (green-blind)

#E9D67A

Tritanopia (blue-blind)

#95E7D2

Achromatopsia (no color)

#D8D8D8

Tokens de diseño y código

CSS

--color: #98ee71;
/* rgb */ color: rgb(152, 238, 113);
/* oklch */ color: oklch(86.7% 0.181 136.9);

Tailwind

colors: {
  custom: {
    50: '#baf49d',
    500: '#98ee71',
    950: '#000000',
  },
}

SCSS

$custom: #98ee71;
$custom-light: #baf49d;
$custom-dark: #000000;

JSON

{
  "hex": "#98ee71",
  "rgb": {
    "r": 152,
    "g": 238,
    "b": 113
  },
  "hsl": {
    "h": 101.28,
    "s": 78.616,
    "l": 68.824
  },
  "oklch": {
    "l": 0.86738,
    "c": 0.1807,
    "h": 136.9
  },
  "luminance": 0.69017
}

Semantic roles & 50–950 ramp

primary

#98EE71

secondary

#9C3DC7

accent

#0BDB9A

background

#FDFFFC

surface

#F9FEF5

border

#D2D6CF

text

#12170E

muted

#82857F

Laboratorio de vista previa

Vista previa con #98EE71

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

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