#65896F#65896F

#65896F es un color medio y apagado de la familia verde. Luminancia relativa 0.218; OKLCH L 59.5% C 0.056 H 153.1°. El mejor color de texto es #000000 con contraste 5.36:1 (cumple WCAG AA).

Valores del color

HEX#65896F
RGBrgb(101, 137, 111)
HSLhsl(137, 15%, 47%)
HSVhsv(137, 26%, 54%)
CMYKcmyk(26.3%, 0%, 19%, 46.3%)
CIE-LABlab(53.82, -18.24, 9.93)
CIE-LCHlch(53.82, 20.76, 151.44°)
OKLaboklab(59.53% -0.0504 0.0256)
OKLCHoklch(59.53% 0.056 153.1)
XYZxyz(17.1809, 21.8051, 18.3394)
Luminance0.2181 (WCAG relative)
Temperatureneutral
Familygreen

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#65896F #89657F
analogous
#6D8965 #65896F #658981
triadic
#65896F #6F6589 #896F65
tetradic
#65896F #656D89 #89657F #898165
square
#65896F #656D89 #89657F #898165
split-complementary
#65896F #816589 #89656D
monochromatic
#314336 #4B6652 #65896F #86A68F #A9C0AF

Accesibilidad y contraste

On white

3.92
#65896F on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.36
#65896F on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #65896F
5.36:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##65896F#FFFFFF#000000##000000
##65896F1.003.925.365.36
#FFFFFF3.921.0021.0021.00
#0000005.3621.001.001.00
##0000005.3621.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#89836E
Deuteranopia (green-blind)
#837F70
Tritanopia (blue-blind)
#608882
Achromatopsia (no color)
#818181

Tokens de diseño y código

CSS
--color: #65896f;
/* rgb */ color: rgb(101, 137, 111);
/* oklch */ color: oklch(59.5% 0.056 153.1);
Tailwind
colors: {
  custom: {
    50: '#91ab98',
    500: '#65896f',
    950: '#000000',
  },
}
SCSS
$custom: #65896f;
$custom-light: #91ab98;
$custom-dark: #000000;
JSON
{
  "hex": "#65896f",
  "rgb": {
    "r": 101,
    "g": 137,
    "b": 111
  },
  "hsl": {
    "h": 136.667,
    "s": 15.126,
    "l": 46.667
  },
  "oklch": {
    "l": 0.59532,
    "c": 0.05649,
    "h": 153.1
  },
  "luminance": 0.21806
}

Semantic roles & 50–950 ramp

primary
#65896F
secondary
#AE9BA9
accent
#70A4B8
background
#F9FAF9
surface
#F1F4F2
border
#CBCECC
text
#0D100D
muted
#7E7F7E

Laboratorio de vista previa

Vista previa con #65896F

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

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

#65896F — Tintiva