#BAFABB#BAFABB

#BAFABB es un color muy claro y moderadamente saturado de la familia verde. Luminancia relativa 0.824; OKLCH L 92.6% C 0.106 H 145.0°. El mejor color de texto es #000000 con contraste 17.48:1 (cumple WCAG AA).

Valores del color

HEX#BAFABB
RGBrgb(186, 250, 187)
HSLhsl(121, 86%, 85%)
HSVhsv(121, 26%, 98%)
CMYKcmyk(25.6%, 0%, 25.2%, 2%)
CIE-LABlab(92.75, -31.87, 23.93)
CIE-LCHlch(92.75, 39.85, 143.10°)
OKLaboklab(92.62% -0.0871 0.0609)
OKLCHoklch(92.62% 0.106 145)
XYZxyz(63.4023, 82.3959, 59.5675)
Luminance0.8240 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BAFABB #FABAF9
analogous
#D9FABA #BAFABB #BAFADB
triadic
#BAFABB #BBBAFA #FABBBA
tetradic
#BAFABB #BAD9FA #FABAF9 #FADBBA
square
#BAFABB #BAD9FA #FABAF9 #FADBBA
split-complementary
#BAFABB #DBBAFA #FABAD9
monochromatic
#48F24B #81F683 #BAFABB #E2FDE3 #E2FDE3

Accesibilidad y contraste

On white

1.20
#BAFABB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.48
#BAFABB on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BAFABB
17.48:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BAFABB#FFFFFF#000000##000000
##BAFABB1.001.2017.4817.48
#FFFFFF1.201.0021.0021.00
#00000017.4821.001.001.00
##00000017.4821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#FDEEB7
Deuteranopia (green-blind)
#F2E8BE
Tritanopia (blue-blind)
#B4F6E9
Achromatopsia (no color)
#EAEAEA

Tokens de diseño y código

CSS
--color: #bafabb;
/* rgb */ color: rgb(186, 250, 187);
/* oklch */ color: oklch(92.6% 0.106 145.0);
Tailwind
colors: {
  custom: {
    50: '#d0fccf',
    500: '#bafabb',
    950: '#000000',
  },
}
SCSS
$custom: #bafabb;
$custom-light: #d0fccf;
$custom-dark: #000000;
JSON
{
  "hex": "#bafabb",
  "rgb": {
    "r": 186,
    "g": 250,
    "b": 187
  },
  "hsl": {
    "h": 120.938,
    "s": 86.486,
    "l": 85.49
  },
  "oklch": {
    "l": 0.92616,
    "c": 0.10623,
    "h": 145
  },
  "luminance": 0.82398
}

Semantic roles & 50–950 ramp

primary
#BAFABB
secondary
#DE7ADD
accent
#02E0E3
background
#FEFFFE
surface
#FBFFFB
border
#D4D7D4
text
#141714
muted
#838583

Laboratorio de vista previa

Vista previa con #BAFABB

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

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

#BAFABB — Tintiva