#88436D#88436D

#88436D es un color medio y moderadamente saturado de la familia rosa. Luminancia relativa 0.104; OKLCH L 48.4% C 0.108 H 344.5°. El mejor color de texto es #FFFFFF con contraste 6.84:1 (cumple WCAG AA).

Valores del color

HEX	#88436D
RGB	rgb(136, 67, 109)
HSL	hsl(323, 34%, 40%)
HSV	hsv(323, 51%, 53%)
CMYK	cmyk(0%, 50.7%, 19.9%, 46.7%)
CIE-LAB	lab(38.47, 34.94, -10.91)
CIE-LCH	lch(38.47, 36.61, 342.66°)
OKLab	oklab(48.36% 0.104 -0.0289)
OKLCH	oklch(48.36% 0.108 344.5)
XYZ	xyz(14.9211, 10.3538, 15.6776)
Luminance	0.1035 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#88436D #43885E

analogous

#804388 #88436D #88434B

triadic

#88436D #6D8843 #436D88

tetradic

#88436D #888043 #43885E #434B88

square

#88436D #888043 #43885E #434B88

split-complementary

#88436D #4B8843 #438880

monochromatic

#361B2B #5F2F4C #88436D #AE5A8D #C283AA

Accesibilidad y contraste

On white

6.84

#88436D on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.07

#88436D on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #88436D

6.84:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##88436D	#FFFFFF	#000000	##FFFFFF
##88436D	1.00	6.84	3.07	6.84
#FFFFFF	6.84	1.00	21.00	1.00
#000000	3.07	21.00	1.00	21.00
##FFFFFF	6.84	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#48536E

Deuteranopia (green-blind)

#5B5F6B

Tritanopia (blue-blind)

#904353

Achromatopsia (no color)

#5B5B5B

Tokens de diseño y código

CSS

--color: #88436d;
/* rgb */ color: rgb(136, 67, 109);
/* oklch */ color: oklch(48.4% 0.108 344.5);

Tailwind

colors: {
  custom: {
    50: '#ad7a96',
    500: '#88436d',
    950: '#000000',
  },
}

SCSS

$custom: #88436d;
$custom-light: #ad7a96;
$custom-dark: #000000;

JSON

{
  "hex": "#88436d",
  "rgb": {
    "r": 136,
    "g": 67,
    "b": 109
  },
  "hsl": {
    "h": 323.478,
    "s": 33.99,
    "l": 39.804
  },
  "oklch": {
    "l": 0.48359,
    "c": 0.10796,
    "h": 344.5
  },
  "luminance": 0.10353
}

Semantic roles & 50–950 ramp

primary

#88436D

secondary

#7AAD8E

accent

#CA885E

background

#FAF7F9

surface

#F4EEF2

border

#CEC9CC

text

#10090D

muted

#7F7B7E

Laboratorio de vista previa

Vista previa con #88436D

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

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