#4C2B4E#4C2B4E

#4C2B4E es un color oscuro y moderadamente saturado de la familia purple. Luminancia relativa 0.038; OKLCH L 34.5% C 0.073 H 325.0°. El mejor color de texto es #FFFFFF con contraste 11.91:1 (cumple WCAG AA).

Valores del color

HEX#4C2B4E
RGBrgb(76, 43, 78)
HSLhsl(297, 29%, 24%)
HSVhsv(297, 45%, 31%)
CMYKcmyk(2.6%, 44.9%, 0%, 69.4%)
CIE-LABlab(23.05, 21.74, -15.27)
CIE-LCHlch(23.05, 26.56, 324.92°)
OKLaboklab(34.54% 0.0595 -0.0417)
OKLCHoklch(34.54% 0.073 325)
XYZxyz(5.2194, 3.8145, 7.6676)
Luminance0.0381 (WCAG relative)
Temperatureneutral
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#4C2B4E #2D4E2B
analogous
#3A2B4E #4C2B4E #4E2B3E
triadic
#4C2B4E #4E4C2B #2B4E4C
tetradic
#4C2B4E #4E3A2B #2D4E2B #2B3E4E
square
#4C2B4E #4E3A2B #2D4E2B #2B3E4E
split-complementary
#4C2B4E #3E4E2B #2B4E3A
monochromatic
#130B14 #261527 #4C2B4E #724175 #99569D

Accesibilidad y contraste

On white

11.91
#4C2B4E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.76
#4C2B4E on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #4C2B4E
11.91:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##4C2B4E#FFFFFF#000000##FFFFFF
##4C2B4E1.0011.911.7611.91
#FFFFFF11.911.0021.001.00
#0000001.7621.001.0021.00
##FFFFFF11.911.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#28344F
Deuteranopia (green-blind)
#30384D
Tritanopia (blue-blind)
#4E2F38
Achromatopsia (no color)
#373737

Tokens de diseño y código

CSS
--color: #4c2b4e;
/* rgb */ color: rgb(76, 43, 78);
/* oklch */ color: oklch(34.5% 0.073 325.0);
Tailwind
colors: {
  custom: {
    50: '#7f657f',
    500: '#4c2b4e',
    950: '#000000',
  },
}
SCSS
$custom: #4c2b4e;
$custom-light: #7f657f;
$custom-dark: #000000;
JSON
{
  "hex": "#4c2b4e",
  "rgb": {
    "r": 76,
    "g": 43,
    "b": 78
  },
  "hsl": {
    "h": 296.571,
    "s": 28.926,
    "l": 23.725
  },
  "oklch": {
    "l": 0.34545,
    "c": 0.07272,
    "h": 325
  },
  "luminance": 0.03814
}

Semantic roles & 50–950 ramp

primary
#4C2B4E
secondary
#578055
accent
#C56368
background
#F7F6F7
surface
#EEEBEE
border
#C9C6C9
text
#0A050A
muted
#7C7A7C

Laboratorio de vista previa

Vista previa con #4C2B4E

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

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

#4C2B4E — Tintiva