#463264#463264

#463264 es un color oscuro y moderadamente saturado de la familia violeta. Luminancia relativa 0.045; OKLCH L 36.4% C 0.086 H 300.7°. El mejor color de texto es #FFFFFF con contraste 11.05:1 (cumple WCAG AA).

Valores del color

HEX#463264
RGBrgb(70, 50, 100)
HSLhsl(264, 33%, 29%)
HSVhsv(264, 50%, 39%)
CMYKcmyk(30%, 50%, 0%, 60.8%)
CIE-LABlab(25.27, 20.82, -26.33)
CIE-LCHlch(25.27, 33.57, 308.34°)
OKLaboklab(36.43% 0.0438 -0.0739)
OKLCHoklch(36.43% 0.086 300.7)
XYZxyz(5.9661, 4.5034, 12.6090)
Luminance0.0450 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#463264 #506432
analogous
#323764 #463264 #5F3264
triadic
#463264 #644632 #326446
tetradic
#463264 #643237 #506432 #32645F
square
#463264 #643237 #506432 #32645F
split-complementary
#463264 #645F32 #376432
monochromatic
#0E0A14 #291E3B #463264 #63468D #8061B0

Accesibilidad y contraste

On white

11.05
#463264 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.90
#463264 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #463264
11.05:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##463264#FFFFFF#000000##FFFFFF
##4632641.0011.051.9011.05
#FFFFFF11.051.0021.001.00
#0000001.9021.001.0021.00
##FFFFFF11.051.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#233C66
Deuteranopia (green-blind)
#283C63
Tritanopia (blue-blind)
#403B46
Achromatopsia (no color)
#3C3C3C

Tokens de diseño y código

CSS
--color: #463264;
/* rgb */ color: rgb(70, 50, 100);
/* oklch */ color: oklch(36.4% 0.086 300.7);
Tailwind
colors: {
  custom: {
    50: '#7b6a90',
    500: '#463264',
    950: '#000000',
  },
}
SCSS
$custom: #463264;
$custom-light: #7b6a90;
$custom-dark: #000000;
JSON
{
  "hex": "#463264",
  "rgb": {
    "r": 70,
    "g": 50,
    "b": 100
  },
  "hsl": {
    "h": 264,
    "s": 33.333,
    "l": 29.412
  },
  "oklch": {
    "l": 0.36428,
    "c": 0.0859,
    "h": 300.7
  },
  "luminance": 0.04503
}

Semantic roles & 50–950 ramp

primary
#463264
secondary
#7F955D
accent
#C95E9F
background
#F7F6F8
surface
#EEEBF0
border
#C9C6CB
text
#09060C
muted
#7B7A7D

Laboratorio de vista previa

Vista previa con #463264

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

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

#463264 — Tintiva