#BFD885#BFD885

#BFD885 es un color muy claro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.619; OKLCH L 84.5% C 0.111 H 122.5°. El mejor color de texto es #000000 con contraste 13.38:1 (cumple WCAG AA).

Valores del color

HEX	#BFD885
RGB	rgb(191, 216, 133)
HSL	hsl(78, 52%, 68%)
HSV	hsv(78, 38%, 85%)
CMYK	cmyk(11.6%, 0%, 38.4%, 15.3%)
CIE-LAB	lab(82.85, -21.71, 38.18)
CIE-LCH	lch(82.85, 43.92, 119.63°)
OKLab	oklab(84.45% -0.0596 0.0937)
OKLCH	oklch(84.45% 0.111 122.5)
XYZ	xyz(50.2752, 61.8815, 31.4815)
Luminance	0.6188 (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

#BFD885 #9E85D8

analogous

#D8C785 #BFD885 #95D885

triadic

#BFD885 #85BFD8 #D885BF

tetradic

#BFD885 #85D8C7 #9E85D8 #D88595

square

#BFD885 #85D8C7 #9E85D8 #D88595

split-complementary

#BFD885 #8595D8 #C785D8

monochromatic

#89AC37 #A7C957 #BFD885 #D7E7B3 #F0F6E2

Accesibilidad y contraste

On white

1.57

#BFD885 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.38

#BFD885 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BFD885

13.38:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##BFD885	#FFFFFF	#000000	##000000
##BFD885	1.00	1.57	13.38	13.38
#FFFFFF	1.57	1.00	21.00	21.00
#000000	13.38	21.00	1.00	1.00
##000000	13.38	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#E1CF7F

Deuteranopia (green-blind)

#DECE89

Tritanopia (blue-blind)

#C5D0C3

Achromatopsia (no color)

#CECECE

Tokens de diseño y código

CSS

--color: #bfd885;
/* rgb */ color: rgb(191, 216, 133);
/* oklch */ color: oklch(84.5% 0.111 122.5);

Tailwind

colors: {
  custom: {
    50: '#d3e4a9',
    500: '#bfd885',
    950: '#000000',
  },
}

SCSS

$custom: #bfd885;
$custom-light: #d3e4a9;
$custom-dark: #000000;

JSON

{
  "hex": "#bfd885",
  "rgb": {
    "r": 191,
    "g": 216,
    "b": 133
  },
  "hsl": {
    "h": 78.072,
    "s": 51.553,
    "l": 68.431
  },
  "oklch": {
    "l": 0.84454,
    "c": 0.11103,
    "h": 122.5
  },
  "luminance": 0.61882
}

Semantic roles & 50–950 ramp

primary

#BFD885

secondary

#6E53AE

accent

#27BF54

background

#FEFEFD

surface

#FBFCF7

border

#D4D5D0

text

#141510

muted

#838481

Laboratorio de vista previa

Vista previa con #BFD885

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

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