#7C4BBB#7C4BBB

#7C4BBB es un color medio y vivo de la familia violeta. Luminancia relativa 0.129; OKLCH L 52.4% C 0.170 H 300.8°. El mejor color de texto es #FFFFFF con contraste 5.86:1 (cumple WCAG AA).

Valores del color

HEX#7C4BBB
RGBrgb(124, 75, 187)
HSLhsl(266, 45%, 51%)
HSVhsv(266, 60%, 73%)
CMYKcmyk(33.7%, 59.9%, 0%, 26.7%)
CIE-LABlab(42.62, 43.71, -51.62)
CIE-LCHlch(42.62, 67.64, 310.25°)
OKLaboklab(52.4% 0.0874 -0.1463)
OKLCHoklch(52.4% 0.17 300.8)
XYZxyz(19.7958, 12.9050, 48.4521)
Luminance0.1290 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#7C4BBB #8ABB4B
analogous
#4B52BB #7C4BBB #B44BBB
triadic
#7C4BBB #BB7C4B #4BBB7C
tetradic
#7C4BBB #BB4B52 #8ABB4B #4BBBB4
square
#7C4BBB #BB4B52 #8ABB4B #4BBBB4
split-complementary
#7C4BBB #BBB44B #52BB4B
monochromatic
#422665 #5F3792 #7C4BBB #9C77CC #BDA4DD

Accesibilidad y contraste

On white

5.86
#7C4BBB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.58
#7C4BBB on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #7C4BBB
5.86:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##7C4BBB#FFFFFF#000000##FFFFFF
##7C4BBB1.005.863.585.86
#FFFFFF5.861.0021.001.00
#0000003.5821.001.0021.00
##FFFFFF5.861.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#0A64BF
Deuteranopia (green-blind)
#2864B8
Tritanopia (blue-blind)
#6F627C
Achromatopsia (no color)
#656565

Tokens de diseño y código

CSS
--color: #7c4bbb;
/* rgb */ color: rgb(124, 75, 187);
/* oklch */ color: oklch(52.4% 0.170 300.8);
Tailwind
colors: {
  custom: {
    50: '#a67fd0',
    500: '#7c4bbb',
    950: '#000000',
  },
}
SCSS
$custom: #7c4bbb;
$custom-light: #a67fd0;
$custom-dark: #000000;
JSON
{
  "hex": "#7c4bbb",
  "rgb": {
    "r": 124,
    "g": 75,
    "b": 187
  },
  "hsl": {
    "h": 266.25,
    "s": 45.161,
    "l": 51.373
  },
  "oklch": {
    "l": 0.52399,
    "c": 0.17044,
    "h": 300.8
  },
  "luminance": 0.12905
}

Semantic roles & 50–950 ramp

primary
#7C4BBB
secondary
#B4CA98
accent
#D5539C
background
#FAF7FC
surface
#F4EEF9
border
#CEC9D2
text
#100A14
muted
#7F7C82

Laboratorio de vista previa

Vista previa con #7C4BBB

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

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

#7C4BBB — Tintiva