#BCF45E#BCF45E

#BCF45E es un color muy claro y vivo de la familia amarillo verdoso. Luminancia relativa 0.762; OKLCH L 90.0% C 0.187 H 127.2°. El mejor color de texto es #000000 con contraste 16.24:1 (cumple WCAG AA).

Valores del color

HEX#BCF45E
RGBrgb(188, 244, 94)
HSLhsl(82, 87%, 66%)
HSVhsv(82, 61%, 96%)
CMYKcmyk(23%, 0%, 61.5%, 4.3%)
CIE-LABlab(89.95, -39.76, 64.62)
CIE-LCHlch(89.95, 75.87, 121.60°)
OKLaboklab(89.98% -0.1129 0.1488)
OKLCHoklch(89.98% 0.187 127.2)
XYZxyz(55.1101, 76.1999, 22.3921)
Luminance0.7620 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BCF45E #965EF4
analogous
#F4E15E #BCF45E #71F45E
triadic
#BCF45E #5EBCF4 #F45EBC
tetradic
#BCF45E #5EF4E1 #965EF4 #F45E71
square
#BCF45E #5EF4E1 #965EF4 #F45E71
split-complementary
#BCF45E #5E71F4 #E15EF4
monochromatic
#84CA0E #A4F025 #BCF45E #D4F897 #ECFCD1

Accesibilidad y contraste

On white

1.29
#BCF45E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.24
#BCF45E on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BCF45E
16.24:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BCF45E#FFFFFF#000000##000000
##BCF45E1.001.2916.2416.24
#FFFFFF1.291.0021.0021.00
#00000016.2421.001.001.00
##00000016.2421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#FFE54C
Deuteranopia (green-blind)
#F8E169
Tritanopia (blue-blind)
#C2EAD4
Achromatopsia (no color)
#E2E2E2

Tokens de diseño y código

CSS
--color: #bcf45e;
/* rgb */ color: rgb(188, 244, 94);
/* oklch */ color: oklch(90.0% 0.187 127.2);
Tailwind
colors: {
  custom: {
    50: '#d3f891',
    500: '#bcf45e',
    950: '#000000',
  },
}
SCSS
$custom: #bcf45e;
$custom-light: #d3f891;
$custom-dark: #000000;
JSON
{
  "hex": "#bcf45e",
  "rgb": {
    "r": 188,
    "g": 244,
    "b": 94
  },
  "hsl": {
    "h": 82.4,
    "s": 87.209,
    "l": 66.275
  },
  "oklch": {
    "l": 0.8998,
    "c": 0.18674,
    "h": 127.2
  },
  "luminance": 0.76201
}

Semantic roles & 50–950 ramp

primary
#BCF45E
secondary
#6830C6
accent
#02E456
background
#FEFFFC
surface
#FBFFF4
border
#D4D7CE
text
#15170D
muted
#84857F

Laboratorio de vista previa

Vista previa con #BCF45E

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

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

#BCF45E — Tintiva