#9BE37D#9BE37D

#9BE37D es un color muy claro y vivo de la familia verde. Luminancia relativa 0.634; OKLCH L 84.5% C 0.152 H 137.1°. El mejor color de texto es #000000 con contraste 13.68:1 (cumple WCAG AA).

Valores del color

HEX	#9BE37D
RGB	rgb(155, 227, 125)
HSL	hsl(102, 65%, 69%)
HSV	hsv(102, 45%, 89%)
CMYK	cmyk(31.7%, 0%, 44.9%, 11%)
CIE-LAB	lab(83.64, -40.71, 42.71)
CIE-LCH	lch(83.64, 59.01, 133.63°)
OKLab	oklab(84.5% -0.1117 0.1039)
OKLCH	oklch(84.5% 0.153 137.1)
XYZ	xyz(44.6871, 63.3856, 29.2782)
Luminance	0.6339 (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

#9BE37D #C57DE3

analogous

#CEE37D #9BE37D #7DE392

triadic

#9BE37D #7D9BE3 #E37D9B

tetradic

#9BE37D #7DCEE3 #C57DE3 #E3927D

square

#9BE37D #7DCEE3 #C57DE3 #E3927D

split-complementary

#9BE37D #927DE3 #E37DCE

monochromatic

#54BD29 #74D84B #9BE37D #C2EEAF #E8F9E2

Accesibilidad y contraste

On white

1.54

#9BE37D on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.68

#9BE37D on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #9BE37D

13.68:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##9BE37D	#FFFFFF	#000000	##000000
##9BE37D	1.00	1.54	13.68	13.68
#FFFFFF	1.54	1.00	21.00	21.00
#000000	13.68	21.00	1.00	1.00
##000000	13.68	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#E9D475

Deuteranopia (green-blind)

#DFCE83

Tritanopia (blue-blind)

#98DDCB

Achromatopsia (no color)

#D0D0D0

Tokens de diseño y código

CSS

--color: #9be37d;
/* rgb */ color: rgb(155, 227, 125);
/* oklch */ color: oklch(84.5% 0.152 137.1);

Tailwind

colors: {
  custom: {
    50: '#bbeca4',
    500: '#9be37d',
    950: '#000000',
  },
}

SCSS

$custom: #9be37d;
$custom-light: #bbeca4;
$custom-dark: #000000;

JSON

{
  "hex": "#9be37d",
  "rgb": {
    "r": 155,
    "g": 227,
    "b": 125
  },
  "hsl": {
    "h": 102.353,
    "s": 64.557,
    "l": 69.02
  },
  "oklch": {
    "l": 0.84495,
    "c": 0.1525,
    "h": 137.1
  },
  "luminance": 0.63387
}

Semantic roles & 50–950 ramp

primary

#9BE37D

secondary

#994ABB

accent

#19CC98

background

#FDFEFC

surface

#F8FDF6

border

#D1D5D0

text

#12160F

muted

#828480

Laboratorio de vista previa

Vista previa con #9BE37D

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

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