#ACBB82#ACBB82

#ACBB82 es un color claro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.459; OKLCH L 76.6% C 0.079 H 120.3°. El mejor color de texto es #000000 con contraste 10.18:1 (cumple WCAG AA).

Valores del color

HEX#ACBB82
RGBrgb(172, 187, 130)
HSLhsl(76, 30%, 62%)
HSVhsv(76, 30%, 73%)
CMYKcmyk(8%, 0%, 30.5%, 26.7%)
CIE-LABlab(73.50, -14.81, 27.22)
CIE-LCHlch(73.50, 30.99, 118.55°)
OKLaboklab(76.63% -0.0397 0.0681)
OKLCHoklch(76.63% 0.079 120.3)
XYZxyz(38.8126, 45.9231, 27.9341)
Luminance0.4592 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#ACBB82 #9182BB
analogous
#BBAE82 #ACBB82 #90BB82
triadic
#ACBB82 #82ACBB #BB82AC
tetradic
#ACBB82 #82BBAE #9182BB #BB8290
square
#ACBB82 #82BBAE #9182BB #BB8290
split-complementary
#ACBB82 #8290BB #AE82BB
monochromatic
#6F7E45 #92A55A #ACBB82 #C6D1AA #E1E6D1

Accesibilidad y contraste

On white

2.06
#ACBB82 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.18
#ACBB82 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #ACBB82
10.18:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##ACBB82#FFFFFF#000000##000000
##ACBB821.002.0610.1810.18
#FFFFFF2.061.0021.0021.00
#00000010.1821.001.001.00
##00000010.1821.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#C2B57E
Deuteranopia (green-blind)
#C0B585
Tritanopia (blue-blind)
#B1B5AC
Achromatopsia (no color)
#B4B4B4

Tokens de diseño y código

CSS
--color: #acbb82;
/* rgb */ color: rgb(172, 187, 130);
/* oklch */ color: oklch(76.6% 0.079 120.3);
Tailwind
colors: {
  custom: {
    50: '#c5cfa6',
    500: '#acbb82',
    950: '#000000',
  },
}
SCSS
$custom: #acbb82;
$custom-light: #c5cfa6;
$custom-dark: #000000;
JSON
{
  "hex": "#acbb82",
  "rgb": {
    "r": 172,
    "g": 187,
    "b": 130
  },
  "hsl": {
    "h": 75.789,
    "s": 29.534,
    "l": 62.157
  },
  "oklch": {
    "l": 0.76627,
    "c": 0.07884,
    "h": 120.3
  },
  "luminance": 0.45923
}

Semantic roles & 50–950 ramp

primary
#ACBB82
secondary
#C7C2D7
accent
#3DA859
background
#FCFCFA
surface
#F8F9F4
border
#D1D2CE
text
#13130F
muted
#82827F

Laboratorio de vista previa

Vista previa con #ACBB82

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

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

#ACBB82 — Tintiva