#4F2F75#4F2F75

#4F2F75 es un color oscuro y moderadamente saturado de la familia violeta. Luminancia relativa 0.050; OKLCH L 38.1% C 0.117 H 302.3°. El mejor color de texto es #FFFFFF con contraste 10.52:1 (cumple WCAG AA).

Valores del color

HEX#4F2F75
RGBrgb(79, 47, 117)
HSLhsl(267, 43%, 32%)
HSVhsv(267, 60%, 46%)
CMYKcmyk(32.5%, 59.8%, 0%, 54.1%)
CIE-LABlab(26.68, 30.04, -34.94)
CIE-LCHlch(26.68, 46.08, 310.69°)
OKLaboklab(38.06% 0.0623 -0.0988)
OKLCHoklch(38.06% 0.117 302.3)
XYZxyz(7.4511, 4.9796, 17.3948)
Luminance0.0498 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#4F2F75 #55752F
analogous
#2F3275 #4F2F75 #722F75
triadic
#4F2F75 #754F2F #2F754F
tetradic
#4F2F75 #752F32 #55752F #2F7572
square
#4F2F75 #752F32 #55752F #2F7572
split-complementary
#4F2F75 #75722F #32752F
monochromatic
#140C1E #321D49 #4F2F75 #6C41A1 #8B5FBF

Accesibilidad y contraste

On white

10.52
#4F2F75 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.00
#4F2F75 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #4F2F75
10.52:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##4F2F75#FFFFFF#000000##FFFFFF
##4F2F751.0010.522.0010.52
#FFFFFF10.521.0021.001.00
#0000002.0021.001.0021.00
##FFFFFF10.521.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#103F77
Deuteranopia (green-blind)
#1D3F73
Tritanopia (blue-blind)
#483D4D
Achromatopsia (no color)
#3F3F3F

Tokens de diseño y código

CSS
--color: #4f2f75;
/* rgb */ color: rgb(79, 47, 117);
/* oklch */ color: oklch(38.1% 0.117 302.3);
Tailwind
colors: {
  custom: {
    50: '#83699d',
    500: '#4f2f75',
    950: '#000000',
  },
}
SCSS
$custom: #4f2f75;
$custom-light: #83699d;
$custom-dark: #000000;
JSON
{
  "hex": "#4f2f75",
  "rgb": {
    "r": 79,
    "g": 47,
    "b": 117
  },
  "hsl": {
    "h": 267.429,
    "s": 42.683,
    "l": 32.157
  },
  "oklch": {
    "l": 0.38062,
    "c": 0.11681,
    "h": 302.3
  },
  "luminance": 0.0498
}

Semantic roles & 50–950 ramp

primary
#4F2F75
secondary
#83A65A
accent
#D25599
background
#F8F6F9
surface
#EFEBF2
border
#CAC6CC
text
#0B060E
muted
#7C7A7E

Laboratorio de vista previa

Vista previa con #4F2F75

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

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

#4F2F75 — Tintiva