#593167#593167

#593167 es un color oscuro y moderadamente saturado de la familia purple. Luminancia relativa 0.053; OKLCH L 38.7% C 0.099 H 316.8°. El mejor color de texto es #FFFFFF con contraste 10.19:1 (cumple WCAG AA).

Valores del color

HEX#593167
RGBrgb(89, 49, 103)
HSLhsl(284, 36%, 30%)
HSVhsv(284, 52%, 40%)
CMYKcmyk(13.6%, 52.4%, 0%, 59.6%)
CIE-LABlab(27.57, 28.22, -24.48)
CIE-LCHlch(27.57, 37.35, 319.06°)
OKLaboklab(38.73% 0.0723 -0.068)
OKLCHoklch(38.73% 0.099 316.8)
XYZxyz(7.6660, 5.3000, 13.4485)
Luminance0.0530 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#593167 #3F6731
analogous
#3E3167 #593167 #67315A
triadic
#593167 #675931 #316759
tetradic
#593167 #673E31 #3F6731 #315A67
square
#593167 #673E31 #3F6731 #315A67
split-complementary
#593167 #5A6731 #31673E
monochromatic
#120A15 #351D3E #593167 #7D4590 #9D5FB3

Accesibilidad y contraste

On white

10.19
#593167 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.06
#593167 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #593167
10.19:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##593167#FFFFFF#000000##FFFFFF
##5931671.0010.192.0610.19
#FFFFFF10.191.0021.001.00
#0000002.0621.001.0021.00
##FFFFFF10.191.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#263F69
Deuteranopia (green-blind)
#324266
Tritanopia (blue-blind)
#593947
Achromatopsia (no color)
#414141

Tokens de diseño y código

CSS
--color: #593167;
/* rgb */ color: rgb(89, 49, 103);
/* oklch */ color: oklch(38.7% 0.099 316.8);
Tailwind
colors: {
  custom: {
    50: '#896b92',
    500: '#593167',
    950: '#000000',
  },
}
SCSS
$custom: #593167;
$custom-light: #896b92;
$custom-dark: #000000;
JSON
{
  "hex": "#593167",
  "rgb": {
    "r": 89,
    "g": 49,
    "b": 103
  },
  "hsl": {
    "h": 284.444,
    "s": 35.526,
    "l": 29.804
  },
  "oklch": {
    "l": 0.38733,
    "c": 0.0992,
    "h": 316.8
  },
  "luminance": 0.053
}

Semantic roles & 50–950 ramp

primary
#593167
secondary
#6B985C
accent
#CC5C79
background
#F8F6F9
surface
#F0EBF1
border
#CBC6CB
text
#0C060D
muted
#7D7A7E

Laboratorio de vista previa

Vista previa con #593167

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

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

#593167 — Tintiva