#808A41#808A41

#808A41 es un color medio y moderadamente saturado de la familia amarillo. Luminancia relativa 0.231; OKLCH L 60.9% C 0.098 H 115.8°. El mejor color de texto es #000000 con contraste 5.63:1 (cumple WCAG AA).

Valores del color

HEX	#808A41
RGB	rgb(128, 138, 65)
HSL	hsl(68, 36%, 40%)
HSV	hsv(68, 53%, 54%)
CMYK	cmyk(7.2%, 0%, 52.9%, 45.9%)
CIE-LAB	lab(55.22, -14.93, 37.42)
CIE-LCH	lch(55.22, 40.29, 111.75°)
OKLab	oklab(60.88% -0.0428 0.0883)
OKLCH	oklch(60.88% 0.098 115.8)
XYZ	xyz(18.9450, 23.1480, 8.4700)
Luminance	0.2315 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#808A41 #4B418A

analogous

#8A7041 #808A41 #5C8A41

triadic

#808A41 #41808A #8A4180

tetradic

#808A41 #418A70 #4B418A #8A415C

square

#808A41 #418A70 #4B418A #8A415C

split-complementary

#808A41 #415C8A #70418A

monochromatic

#33371A #59602D #808A41 #A4B058 #BBC482

Accesibilidad y contraste

On white

3.73

#808A41 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.63

#808A41 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #808A41

5.63:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##808A41	#FFFFFF	#000000	##000000
##808A41	1.00	3.73	5.63	5.63
#FFFFFF	3.73	1.00	21.00	21.00
#000000	5.63	21.00	1.00	1.00
##000000	5.63	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#92843A

Deuteranopia (green-blind)

#928545

Tritanopia (blue-blind)

#878379

Achromatopsia (no color)

#848484

Tokens de diseño y código

CSS

--color: #808a41;
/* rgb */ color: rgb(128, 138, 65);
/* oklch */ color: oklch(60.9% 0.098 115.8);

Tailwind

colors: {
  custom: {
    50: '#a6ac78',
    500: '#808a41',
    950: '#000000',
  },
}

SCSS

$custom: #808a41;
$custom-light: #a6ac78;
$custom-dark: #000000;

JSON

{
  "hex": "#808a41",
  "rgb": {
    "r": 128,
    "g": 138,
    "b": 65
  },
  "hsl": {
    "h": 68.219,
    "s": 35.961,
    "l": 39.804
  },
  "oklch": {
    "l": 0.60882,
    "c": 0.09811,
    "h": 115.8
  },
  "luminance": 0.23148
}

Semantic roles & 50–950 ramp

primary

#808A41

secondary

#8078AE

accent

#5CCC6B

background

#FAFAF7

surface

#F4F4ED

border

#CECEC8

text

#101009

muted

#7F7F7B

Laboratorio de vista previa

Vista previa con #808A41

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

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