#85AA73#85AA73

#85AA73 es un color claro y moderadamente saturado de la familia verde. Luminancia relativa 0.350; OKLCH L 69.6% C 0.088 H 135.7°. El mejor color de texto es #000000 con contraste 7.99:1 (cumple WCAG AA).

Valores del color

HEX#85AA73
RGBrgb(133, 170, 115)
HSLhsl(100, 24%, 56%)
HSVhsv(100, 32%, 67%)
CMYKcmyk(21.8%, 0%, 32.4%, 33.3%)
CIE-LABlab(65.73, -23.02, 24.38)
CIE-LCHlch(65.73, 33.53, 133.35°)
OKLaboklab(69.64% -0.0627 0.0611)
OKLCHoklch(69.64% 0.088 135.7)
XYZxyz(27.1414, 34.9732, 21.5368)
Luminance0.3497 (WCAG relative)
Temperaturewarm
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#85AA73 #9873AA
analogous
#A0AA73 #85AA73 #73AA7C
triadic
#85AA73 #7385AA #AA7385
tetradic
#85AA73 #73A0AA #9873AA #AA7C73
square
#85AA73 #73A0AA #9873AA #AA7C73
split-complementary
#85AA73 #7C73AA #AA73A0
monochromatic
#4A653D #668B55 #85AA73 #A6C199 #C7D8BF

Accesibilidad y contraste

On white

2.63
#85AA73 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.99
#85AA73 on #000000
AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #85AA73
7.99:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##85AA73#FFFFFF#000000##000000
##85AA731.002.637.997.99
#FFFFFF2.631.0021.0021.00
#0000007.9921.001.001.00
##0000007.9921.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#AEA26F
Deuteranopia (green-blind)
#A89E76
Tritanopia (blue-blind)
#85A69C
Achromatopsia (no color)
#A0A0A0

Tokens de diseño y código

CSS
--color: #85aa73;
/* rgb */ color: rgb(133, 170, 115);
/* oklch */ color: oklch(69.6% 0.088 135.7);
Tailwind
colors: {
  custom: {
    50: '#a9c39b',
    500: '#85aa73',
    950: '#000000',
  },
}
SCSS
$custom: #85aa73;
$custom-light: #a9c39b;
$custom-dark: #000000;
JSON
{
  "hex": "#85aa73",
  "rgb": {
    "r": 133,
    "g": 170,
    "b": 115
  },
  "hsl": {
    "h": 100.364,
    "s": 24.444,
    "l": 55.882
  },
  "oklch": {
    "l": 0.69643,
    "c": 0.08752,
    "h": 135.7
  },
  "luminance": 0.34974
}

Semantic roles & 50–950 ramp

primary
#85AA73
secondary
#C0B1C8
accent
#67C1A3
background
#FAFCF9
surface
#F4F8F2
border
#CED1CC
text
#10120E
muted
#7F817E

Laboratorio de vista previa

Vista previa con #85AA73

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

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

#85AA73 — Tintiva