#5B6041#5B6041

#5B6041 es un color medio y apagado de la familia amarillo. Luminancia relativa 0.110; OKLCH L 47.6% C 0.047 H 115.7°. El mejor color de texto es #FFFFFF con contraste 6.57:1 (cumple WCAG AA).

Valores del color

HEX#5B6041
RGBrgb(91, 96, 65)
HSLhsl(70, 19%, 32%)
HSVhsv(70, 32%, 38%)
CMYKcmyk(5.2%, 0%, 32.3%, 62.4%)
CIE-LABlab(39.53, -7.72, 17.10)
CIE-LCHlch(39.53, 18.76, 114.29°)
OKLaboklab(47.6% -0.0206 0.0427)
OKLCHoklch(47.6% 0.047 115.7)
XYZxyz(9.4514, 10.9716, 6.6198)
Luminance0.1097 (WCAG relative)
Temperaturewarm
Familyyellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#5B6041 #464160
analogous
#605641 #5B6041 #4C6041
triadic
#5B6041 #415B60 #60415B
tetradic
#5B6041 #416056 #464160 #60414C
square
#5B6041 #416056 #464160 #60414C
split-complementary
#5B6041 #414C60 #564160
monochromatic
#161710 #383C28 #5B6041 #7E845A #9CA478

Accesibilidad y contraste

On white

6.57
#5B6041 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.19
#5B6041 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #5B6041
6.57:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##5B6041#FFFFFF#000000##FFFFFF
##5B60411.006.573.196.57
#FFFFFF6.571.0021.001.00
#0000003.1921.001.0021.00
##FFFFFF6.571.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#645D3F
Deuteranopia (green-blind)
#645D42
Tritanopia (blue-blind)
#5E5D58
Achromatopsia (no color)
#5D5D5D

Tokens de diseño y código

CSS
--color: #5b6041;
/* rgb */ color: rgb(91, 96, 65);
/* oklch */ color: oklch(47.6% 0.047 115.7);
Tailwind
colors: {
  custom: {
    50: '#8a8d76',
    500: '#5b6041',
    950: '#000000',
  },
}
SCSS
$custom: #5b6041;
$custom-light: #8a8d76;
$custom-dark: #000000;
JSON
{
  "hex": "#5b6041",
  "rgb": {
    "r": 91,
    "g": 96,
    "b": 65
  },
  "hsl": {
    "h": 69.677,
    "s": 19.255,
    "l": 31.569
  },
  "oklch": {
    "l": 0.476,
    "c": 0.04743,
    "h": 115.7
  },
  "luminance": 0.10972
}

Semantic roles & 50–950 ramp

primary
#5B6041
secondary
#736D8F
accent
#6CBC79
background
#F8F8F7
surface
#F0F0ED
border
#CBCBC8
text
#0B0C08
muted
#7C7D7B

Laboratorio de vista previa

Vista previa con #5B6041

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

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

#5B6041 — Tintiva