#888352#888352

#888352 es un color medio y moderadamente saturado de la familia amarillo. Luminancia relativa 0.221; OKLCH L 60.2% C 0.068 H 103.2°. El mejor color de texto es #000000 con contraste 5.42:1 (cumple WCAG AA).

Valores del color

HEX	#888352
RGB	rgb(136, 131, 82)
HSL	hsl(54, 25%, 43%)
HSV	hsv(54, 40%, 53%)
CMYK	cmyk(0%, 3.7%, 39.7%, 46.7%)
CIE-LAB	lab(54.11, -5.82, 27.17)
CIE-LCH	lch(54.11, 27.79, 102.10°)
OKLab	oklab(60.24% -0.0156 0.0665)
OKLCH	oklch(60.24% 0.068 103.2)
XYZ	xyz(19.7930, 22.0765, 11.1996)
Luminance	0.2208 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#888352 #525788

analogous

#886852 #888352 #728852

triadic

#888352 #528883 #835288

tetradic

#888352 #528868 #525788 #885272

square

#888352 #528868 #525788 #885272

split-complementary

#888352 #527288 #685288

monochromatic

#3C3924 #625E3B #888352 #A8A36F #BFBB95

Accesibilidad y contraste

On white

3.88

#888352 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.42

#888352 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #888352

5.42:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##888352	#FFFFFF	#000000	##000000
##888352	1.00	3.88	5.42	5.42
#FFFFFF	3.88	1.00	21.00	21.00
#000000	5.42	21.00	1.00	1.00
##000000	5.42	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#8B804E

Deuteranopia (green-blind)

#8D8354

Tritanopia (blue-blind)

#8F7D77

Achromatopsia (no color)

#818181

Tokens de diseño y código

CSS

--color: #888352;
/* rgb */ color: rgb(136, 131, 82);
/* oklch */ color: oklch(60.2% 0.068 103.2);

Tailwind

colors: {
  custom: {
    50: '#aba683',
    500: '#888352',
    950: '#000000',
  },
}

SCSS

$custom: #888352;
$custom-light: #aba683;
$custom-dark: #000000;

JSON

{
  "hex": "#888352",
  "rgb": {
    "r": 136,
    "g": 131,
    "b": 82
  },
  "hsl": {
    "h": 54.444,
    "s": 24.771,
    "l": 42.745
  },
  "oklch": {
    "l": 0.60235,
    "c": 0.06835,
    "h": 103.2
  },
  "luminance": 0.22076
}

Semantic roles & 50–950 ramp

primary

#888352

secondary

#8A8DAC

accent

#6FC167

background

#FAFAF8

surface

#F4F4EF

border

#CECECA

text

#100F0A

muted

#7F7F7C

Laboratorio de vista previa

Vista previa con #888352

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

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