#604D53#604D53

#604D53 es un color oscuro y apagado de la familia rosa. Luminancia relativa 0.084; OKLCH L 44.2% C 0.027 H 357.4°. El mejor color de texto es #FFFFFF con contraste 7.82:1 (cumple WCAG AA).

Valores del color

HEX#604D53
RGBrgb(96, 77, 83)
HSLhsl(341, 11%, 34%)
HSVhsv(341, 20%, 38%)
CMYKcmyk(0%, 19.8%, 13.5%, 62.4%)
CIE-LABlab(34.84, 9.08, -0.52)
CIE-LCHlch(34.84, 9.10, 356.73°)
OKLaboklab(44.18% 0.027 -0.0012)
OKLCHoklch(44.18% 0.027 357.4)
XYZxyz(9.0390, 8.4194, 9.3309)
Luminance0.0842 (WCAG relative)
Temperatureneutral
Familypink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#604D53 #4D605A
analogous
#604D5D #604D53 #60514D
triadic
#604D53 #53604D #4D5360
tetradic
#604D53 #5D604D #4D605A #514D60
square
#604D53 #5D604D #4D605A #514D60
split-complementary
#604D53 #4D6051 #4D5D60
monochromatic
#1C1718 #3E3236 #604D53 #826870 #9F888F

Accesibilidad y contraste

On white

7.82
#604D53 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.68
#604D53 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #604D53
7.82:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##604D53#FFFFFF#000000##FFFFFF
##604D531.007.822.687.82
#FFFFFF7.821.0021.001.00
#0000002.6821.001.0021.00
##FFFFFF7.821.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#4F5053
Deuteranopia (green-blind)
#535353
Tritanopia (blue-blind)
#634C4F
Achromatopsia (no color)
#525252

Tokens de diseño y código

CSS
--color: #604d53;
/* rgb */ color: rgb(96, 77, 83);
/* oklch */ color: oklch(44.2% 0.027 357.4);
Tailwind
colors: {
  custom: {
    50: '#8d7e83',
    500: '#604d53',
    950: '#000000',
  },
}
SCSS
$custom: #604d53;
$custom-light: #8d7e83;
$custom-dark: #000000;
JSON
{
  "hex": "#604d53",
  "rgb": {
    "r": 96,
    "g": 77,
    "b": 83
  },
  "hsl": {
    "h": 341.053,
    "s": 10.983,
    "l": 33.922
  },
  "oklch": {
    "l": 0.44176,
    "c": 0.02707,
    "h": 357.4
  },
  "luminance": 0.08419
}

Semantic roles & 50–950 ramp

primary
#604D53
secondary
#7B8E88
accent
#B4A074
background
#F8F7F8
surface
#F0EEEF
border
#CBC9CA
text
#0C0A0A
muted
#7D7C7C

Laboratorio de vista previa

Vista previa con #604D53

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

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

#604D53 — Tintiva