#BEF18E#BEF18E

#BEF18E es un color muy claro y vivo de la familia amarillo verdoso. Luminancia relativa 0.758; OKLCH L 90.0% C 0.138 H 130.9°. El mejor color de texto es #000000 con contraste 16.16:1 (cumple WCAG AA).

Valores del color

HEX	#BEF18E
RGB	rgb(190, 241, 142)
HSL	hsl(91, 78%, 75%)
HSV	hsv(91, 41%, 95%)
CMYK	cmyk(21.2%, 0%, 41.1%, 5.5%)
CIE-LAB	lab(89.77, -32.86, 42.57)
CIE-LCH	lch(89.77, 53.77, 127.66°)
OKLab	oklab(90.04% -0.0903 0.1041)
OKLCH	oklch(90.04% 0.138 130.9)
XYZ	xyz(57.5721, 75.8096, 37.1854)
Luminance	0.7581 (WCAG relative)
Temperature	warm
Family	yellow-green

Colores con nombre más cercanos

Light Yellowish Green

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#BEF18E #C18EF1

analogous

#F0F18E #BEF18E #8EF18F

triadic

#BEF18E #8EBEF1 #F18EBE

tetradic

#BEF18E #8EF0F1 #C18EF1 #F18F8E

square

#BEF18E #8EF0F1 #C18EF1 #F18F8E

split-complementary

#BEF18E #8F8EF1 #F18EF0

monochromatic

#7FE421 #9FEA58 #BEF18E #DDF8C4 #EFFCE4

Accesibilidad y contraste

On white

1.30

#BEF18E on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.16

#BEF18E on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BEF18E

16.16:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##BEF18E	#FFFFFF	#000000	##000000
##BEF18E	1.00	1.30	16.16	16.16
#FFFFFF	1.30	1.00	21.00	21.00
#000000	16.16	21.00	1.00	1.00
##000000	16.16	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#F9E486

Deuteranopia (green-blind)

#F2E093

Tritanopia (blue-blind)

#C1E9D9

Achromatopsia (no color)

#E2E2E2

Tokens de diseño y código

CSS

--color: #bef18e;
/* rgb */ color: rgb(190, 241, 142);
/* oklch */ color: oklch(90.0% 0.138 130.9);

Tailwind

colors: {
  custom: {
    50: '#d3f6b0',
    500: '#bef18e',
    950: '#000000',
  },
}

SCSS

$custom: #bef18e;
$custom-light: #d3f6b0;
$custom-dark: #000000;

JSON

{
  "hex": "#bef18e",
  "rgb": {
    "r": 190,
    "g": 241,
    "b": 142
  },
  "hsl": {
    "h": 90.909,
    "s": 77.953,
    "l": 75.098
  },
  "oklch": {
    "l": 0.90036,
    "c": 0.13781,
    "h": 130.9
  },
  "luminance": 0.75811
}

Semantic roles & 50–950 ramp

primary

#BEF18E

secondary

#9356CD

accent

#0BDA76

background

#FEFFFD

surface

#FBFEF7

border

#D4D6D0

text

#141711

muted

#838581

Laboratorio de vista previa

Vista previa con #BEF18E

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

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