#A9596B#A9596B

#A9596B es un color medio y moderadamente saturado de la familia rojo. Luminancia relativa 0.166; OKLCH L 56.4% C 0.106 H 6.7°. El mejor color de texto es #FFFFFF con contraste 4.85:1 (cumple WCAG AA).

Valores del color

HEX#A9596B
RGBrgb(169, 89, 107)
HSLhsl(347, 32%, 51%)
HSVhsv(347, 47%, 66%)
CMYKcmyk(0%, 47.3%, 36.7%, 33.7%)
CIE-LABlab(47.81, 34.68, 4.63)
CIE-LCHlch(47.81, 34.99, 7.60°)
OKLaboklab(56.35% 0.1053 0.0124)
OKLCHoklch(56.35% 0.106 6.7)
XYZxyz(22.5895, 16.6434, 15.9299)
Luminance0.1664 (WCAG relative)
Temperaturewarm
Familyred

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#A9596B #59A997
analogous
#A95993 #A9596B #A96F59
triadic
#A9596B #6BA959 #596BA9
tetradic
#A9596B #93A959 #59A997 #6F59A9
square
#A9596B #93A959 #59A997 #6F59A9
split-complementary
#A9596B #59A96F #5993A9
monochromatic
#592E38 #824351 #A9596B #BE818F #D3AAB3

Accesibilidad y contraste

On white

4.85
#A9596B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.33
#A9596B on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #A9596B
4.85:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##A9596B#FFFFFF#000000##FFFFFF
##A9596B1.004.854.334.85
#FFFFFF4.851.0021.001.00
#0000004.3321.001.0021.00
##FFFFFF4.851.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#67686B
Deuteranopia (green-blind)
#7B7769
Tritanopia (blue-blind)
#B5525F
Achromatopsia (no color)
#717171

Tokens de diseño y código

CSS
--color: #a9596b;
/* rgb */ color: rgb(169, 89, 107);
/* oklch */ color: oklch(56.4% 0.106 6.7);
Tailwind
colors: {
  custom: {
    50: '#c58a95',
    500: '#a9596b',
    950: '#000000',
  },
}
SCSS
$custom: #a9596b;
$custom-light: #c58a95;
$custom-dark: #000000;
JSON
{
  "hex": "#a9596b",
  "rgb": {
    "r": 169,
    "g": 89,
    "b": 107
  },
  "hsl": {
    "h": 346.5,
    "s": 31.746,
    "l": 50.588
  },
  "oklch": {
    "l": 0.56354,
    "c": 0.106,
    "h": 6.7
  },
  "luminance": 0.16641
}

Semantic roles & 50–950 ramp

primary
#A9596B
secondary
#9DC1B9
accent
#C8B160
background
#FCF8F9
surface
#F8F0F1
border
#D1CBCB
text
#130C0D
muted
#827D7E

Laboratorio de vista previa

Vista previa con #A9596B

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

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

#A9596B — Tintiva