#46326D#46326D

#46326D es un color oscuro y moderadamente saturado de la familia violeta. Luminancia relativa 0.047; OKLCH L 37.0% C 0.099 H 296.9°. El mejor color de texto es #FFFFFF con contraste 10.84:1 (cumple WCAG AA).

Valores del color

HEX#46326D
RGBrgb(70, 50, 109)
HSLhsl(260, 37%, 31%)
HSVhsv(260, 54%, 43%)
CMYKcmyk(35.8%, 54.1%, 0%, 57.3%)
CIE-LABlab(25.82, 23.41, -31.25)
CIE-LCHlch(25.82, 39.05, 306.84°)
OKLaboklab(37.02% 0.0449 -0.0883)
OKLCHoklch(37.02% 0.099 296.9)
XYZxyz(6.4260, 4.6873, 15.0312)
Luminance0.0469 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#46326D #596D32
analogous
#323B6D #46326D #63326D
triadic
#46326D #6D4632 #326D46
tetradic
#46326D #6D323B #596D32 #326D63
square
#46326D #6D323B #596D32 #326D63
split-complementary
#46326D #6D6332 #3B6D32
monochromatic
#100C19 #2B1F43 #46326D #614597 #7F62B7

Accesibilidad y contraste

On white

10.84
#46326D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.94
#46326D on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #46326D
10.84:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##46326D#FFFFFF#000000##FFFFFF
##46326D1.0010.841.9410.84
#FFFFFF10.841.0021.001.00
#0000001.9421.001.0021.00
##FFFFFF10.841.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#1C3D6F
Deuteranopia (green-blind)
#213C6C
Tritanopia (blue-blind)
#3D3E4A
Achromatopsia (no color)
#3D3D3D

Tokens de diseño y código

CSS
--color: #46326d;
/* rgb */ color: rgb(70, 50, 109);
/* oklch */ color: oklch(37.0% 0.099 296.9);
Tailwind
colors: {
  custom: {
    50: '#7c6a97',
    500: '#46326d',
    950: '#000000',
  },
}
SCSS
$custom: #46326d;
$custom-light: #7c6a97;
$custom-dark: #000000;
JSON
{
  "hex": "#46326d",
  "rgb": {
    "r": 70,
    "g": 50,
    "b": 109
  },
  "hsl": {
    "h": 260.339,
    "s": 37.107,
    "l": 31.176
  },
  "oklch": {
    "l": 0.37022,
    "c": 0.09902,
    "h": 296.9
  },
  "luminance": 0.04687
}

Semantic roles & 50–950 ramp

primary
#46326D
secondary
#889E5D
accent
#CD5BA6
background
#F7F6F9
surface
#EEEBF2
border
#C9C6CC
text
#0A060D
muted
#7C7A7E

Laboratorio de vista previa

Vista previa con #46326D

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

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

#46326D — Tintiva