#85BB9A#85BB9A

#85BB9A es un color claro y moderadamente saturado de la familia verde. Luminancia relativa 0.429; OKLCH L 74.5% C 0.074 H 157.2°. El mejor color de texto es #000000 con contraste 9.57:1 (cumple WCAG AA).

Valores del color

HEX#85BB9A
RGBrgb(133, 187, 154)
HSLhsl(143, 28%, 63%)
HSVhsv(143, 29%, 73%)
CMYKcmyk(28.9%, 0%, 17.6%, 26.7%)
CIE-LABlab(71.46, -24.59, 11.12)
CIE-LCHlch(71.46, 26.98, 155.67°)
OKLaboklab(74.51% -0.0683 0.0287)
OKLCHoklch(74.51% 0.074 157.2)
XYZxyz(33.2740, 42.8588, 37.0850)
Luminance0.4286 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#85BB9A #BB85A6
analogous
#8BBB85 #85BB9A #85BBB5
triadic
#85BB9A #9A85BB #BB9A85
tetradic
#85BB9A #858BBB #BB85A6 #BBB585
square
#85BB9A #858BBB #BB85A6 #BBB585
split-complementary
#85BB9A #B585BB #BB858B
monochromatic
#477F5D #5EA579 #85BB9A #ACD1BB #D4E7DB

Accesibilidad y contraste

On white

2.19
#85BB9A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.57
#85BB9A on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #85BB9A
9.57:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##85BB9A#FFFFFF#000000##000000
##85BB9A1.002.199.579.57
#FFFFFF2.191.0021.0021.00
#0000009.5721.001.001.00
##0000009.5721.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#BAB398
Deuteranopia (green-blind)
#B1AC9C
Tritanopia (blue-blind)
#7BBAB2
Achromatopsia (no color)
#AFAFAF

Tokens de diseño y código

CSS
--color: #85bb9a;
/* rgb */ color: rgb(133, 187, 154);
/* oklch */ color: oklch(74.5% 0.074 157.2);
Tailwind
colors: {
  custom: {
    50: '#aacfb7',
    500: '#85bb9a',
    950: '#000000',
  },
}
SCSS
$custom: #85bb9a;
$custom-light: #aacfb7;
$custom-dark: #000000;
JSON
{
  "hex": "#85bb9a",
  "rgb": {
    "r": 133,
    "g": 187,
    "b": 154
  },
  "hsl": {
    "h": 143.333,
    "s": 28.421,
    "l": 62.745
  },
  "oklch": {
    "l": 0.74509,
    "c": 0.07406,
    "h": 157.2
  },
  "luminance": 0.4286
}

Semantic roles & 50–950 ramp

primary
#85BB9A
secondary
#D8C4D0
accent
#3E7EA7
background
#FAFCFB
surface
#F4F9F6
border
#CED2D0
text
#101411
muted
#7F8280

Laboratorio de vista previa

Vista previa con #85BB9A

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

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

#85BB9A — Tintiva