#B0E183#B0E183

#B0E183 es un color muy claro y vivo de la familia amarillo verdoso. Luminancia relativa 0.647; OKLCH L 85.4% C 0.133 H 131.2°. El mejor color de texto es #000000 con contraste 13.94:1 (cumple WCAG AA).

Valores del color

HEX	#B0E183
RGB	rgb(176, 225, 131)
HSL	hsl(91, 61%, 70%)
HSV	hsv(91, 42%, 88%)
CMYK	cmyk(21.8%, 0%, 41.8%, 11.8%)
CIE-LAB	lab(84.34, -31.78, 40.89)
CIE-LCH	lch(84.34, 51.78, 127.85°)
OKLab	oklab(85.39% -0.0874 0.0999)
OKLCH	oklch(85.39% 0.133 131.2)
XYZ	xyz(48.9257, 64.7182, 31.3825)
Luminance	0.6472 (WCAG relative)
Temperature	warm
Family	yellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#B0E183 #B483E1

analogous

#DFE183 #B0E183 #83E185

triadic

#B0E183 #83B0E1 #E183B0

tetradic

#B0E183 #83DFE1 #B483E1 #E18583

square

#B0E183 #83DFE1 #B483E1 #E18583

split-complementary

#B0E183 #8583E1 #E183DF

monochromatic

#72BC2E #91D552 #B0E183 #CFEDB4 #EFF9E6

Accesibilidad y contraste

On white

1.51

#B0E183 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.94

#B0E183 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #B0E183

13.94:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##B0E183	#FFFFFF	#000000	##000000
##B0E183	1.00	1.51	13.94	13.94
#FFFFFF	1.51	1.00	21.00	21.00
#000000	13.94	21.00	1.00	1.00
##000000	13.94	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#E9D57C

Deuteranopia (green-blind)

#E1D188

Tritanopia (blue-blind)

#B2DACA

Achromatopsia (no color)

#D2D2D2

Tokens de diseño y código

CSS

--color: #b0e183;
/* rgb */ color: rgb(176, 225, 131);
/* oklch */ color: oklch(85.4% 0.133 131.2);

Tailwind

colors: {
  custom: {
    50: '#c9eaa8',
    500: '#b0e183',
    950: '#000000',
  },
}

SCSS

$custom: #b0e183;
$custom-light: #c9eaa8;
$custom-dark: #000000;

JSON

{
  "hex": "#b0e183",
  "rgb": {
    "r": 176,
    "g": 225,
    "b": 131
  },
  "hsl": {
    "h": 91.277,
    "s": 61.039,
    "l": 69.804
  },
  "oklch": {
    "l": 0.85392,
    "c": 0.13271,
    "h": 131.2
  },
  "luminance": 0.64719
}

Semantic roles & 50–950 ramp

primary

#B0E183

secondary

#8650B9

accent

#1DC976

background

#FEFEFC

surface

#FAFDF6

border

#D3D5D0

text

#131610

muted

#838480

Laboratorio de vista previa

Vista previa con #B0E183

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

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