#BBF956#BBF956

#BBF956 es un color muy claro y vivo de la familia amarillo verdoso. Luminancia relativa 0.790; OKLCH L 91.0% C 0.199 H 127.8°. El mejor color de texto es #000000 con contraste 16.80:1 (cumple WCAG AA).

Valores del color

HEX#BBF956
RGBrgb(187, 249, 86)
HSLhsl(83, 93%, 66%)
HSVhsv(83, 65%, 98%)
CMYKcmyk(24.9%, 0%, 65.5%, 2.4%)
CIE-LABlab(91.23, -42.90, 69.15)
CIE-LCHlch(91.23, 81.38, 121.82°)
OKLaboklab(90.98% -0.1221 0.1574)
OKLCHoklch(90.98% 0.199 127.8)
XYZxyz(56.0489, 78.9869, 21.0953)
Luminance0.7899 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BBF956 #9456F9
analogous
#F9E556 #BBF956 #69F956
triadic
#BBF956 #56BBF9 #F956BB
tetradic
#BBF956 #56F9E5 #9456F9 #F95669
square
#BBF956 #56F9E5 #9456F9 #F95669
split-complementary
#BBF956 #5669F9 #E556F9
monochromatic
#82CD07 #A3F71B #BBF956 #D3FB91 #EBFDCC

Accesibilidad y contraste

On white

1.25
#BBF956 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.80
#BBF956 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BBF956
16.80:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BBF956#FFFFFF#000000##000000
##BBF9561.001.2516.8016.80
#FFFFFF1.251.0021.0021.00
#00000016.8021.001.001.00
##00000016.8021.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#FFE93F
Deuteranopia (green-blind)
#FCE563
Tritanopia (blue-blind)
#C1EED8
Achromatopsia (no color)
#E6E6E6

Tokens de diseño y código

CSS
--color: #bbf956;
/* rgb */ color: rgb(187, 249, 86);
/* oklch */ color: oklch(91.0% 0.199 127.8);
Tailwind
colors: {
  custom: {
    50: '#d3fb8d',
    500: '#bbf956',
    950: '#000000',
  },
}
SCSS
$custom: #bbf956;
$custom-light: #d3fb8d;
$custom-dark: #000000;
JSON
{
  "hex": "#bbf956",
  "rgb": {
    "r": 187,
    "g": 249,
    "b": 86
  },
  "hsl": {
    "h": 82.822,
    "s": 93.143,
    "l": 65.686
  },
  "oklch": {
    "l": 0.90978,
    "c": 0.1992,
    "h": 127.8
  },
  "luminance": 0.78988
}

Semantic roles & 50–950 ramp

primary
#BBF956
secondary
#672AC9
accent
#00E657
background
#FEFFFC
surface
#FBFFF4
border
#D4D7CE
text
#15170D
muted
#84857F

Laboratorio de vista previa

Vista previa con #BBF956

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

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

#BBF956 — Tintiva