#BDD699#BDD699

#BDD699 es un color muy claro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.612; OKLCH L 84.2% C 0.086 H 126.3°. El mejor color de texto es #000000 con contraste 13.24:1 (cumple WCAG AA).

Valores del color

HEX#BDD699
RGBrgb(189, 214, 153)
HSLhsl(85, 43%, 72%)
HSVhsv(85, 29%, 84%)
CMYKcmyk(11.7%, 0%, 28.5%, 16.1%)
CIE-LABlab(82.49, -18.82, 27.45)
CIE-LCHlch(82.49, 33.28, 124.43°)
OKLaboklab(84.24% -0.0507 0.0691)
OKLCHoklch(84.24% 0.086 126.3)
XYZxyz(50.7819, 61.2116, 39.2705)
Luminance0.6121 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#BDD699 #B299D6
analogous
#D6D099 #BDD699 #9FD699
triadic
#BDD699 #99BDD6 #D699BD
tetradic
#BDD699 #99D6D0 #B299D6 #D6999F
square
#BDD699 #99D6D0 #B299D6 #D6999F
split-complementary
#BDD699 #999FD6 #D099D6
monochromatic
#84AE46 #A1C46D #BDD699 #D9E8C5 #F1F6E9

Accesibilidad y contraste

On white

1.59
#BDD699 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.24
#BDD699 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #BDD699
13.24:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##BDD699#FFFFFF#000000##000000
##BDD6991.001.5913.2413.24
#FFFFFF1.591.0021.0021.00
#00000013.2421.001.001.00
##00000013.2421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#DDCE95
Deuteranopia (green-blind)
#D9CD9C
Tritanopia (blue-blind)
#C1D0C6
Achromatopsia (no color)
#CDCDCD

Tokens de diseño y código

CSS
--color: #bdd699;
/* rgb */ color: rgb(189, 214, 153);
/* oklch */ color: oklch(84.2% 0.086 126.3);
Tailwind
colors: {
  custom: {
    50: '#d1e2b7',
    500: '#bdd699',
    950: '#000000',
  },
}
SCSS
$custom: #bdd699;
$custom-light: #d1e2b7;
$custom-dark: #000000;
JSON
{
  "hex": "#bdd699",
  "rgb": {
    "r": 189,
    "g": 214,
    "b": 153
  },
  "hsl": {
    "h": 84.59,
    "s": 42.657,
    "l": 71.961
  },
  "oklch": {
    "l": 0.84239,
    "c": 0.08566,
    "h": 126.3
  },
  "luminance": 0.61212
}

Semantic roles & 50–950 ramp

primary
#BDD699
secondary
#8367AD
accent
#30B667
background
#FEFEFD
surface
#FBFCF8
border
#D4D5D1
text
#141511
muted
#838481

Laboratorio de vista previa

Vista previa con #BDD699

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

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

#BDD699 — Tintiva