#795AB6#795AB6

#795AB6 es un color medio y vivo de la familia violeta. Luminancia relativa 0.148; OKLCH L 54.2% C 0.141 H 297.0°. El mejor color de texto es #FFFFFF con contraste 5.32:1 (cumple WCAG AA).

Valores del color

HEX	#795AB6
RGB	rgb(121, 90, 182)
HSL	hsl(260, 39%, 53%)
HSV	hsv(260, 51%, 71%)
CMYK	cmyk(33.5%, 50.5%, 0%, 28.6%)
CIE-LAB	lab(45.30, 33.10, -44.43)
CIE-LCH	lch(45.30, 55.41, 306.69°)
OKLab	oklab(54.2% 0.0639 -0.1254)
OKLCH	oklch(54.2% 0.141 297)
XYZ	xyz(19.9827, 14.7544, 46.0420)
Luminance	0.1475 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#795AB6 #97B65A

analogous

#5A69B6 #795AB6 #A75AB6

triadic

#795AB6 #B6795A #5AB679

tetradic

#795AB6 #B65A69 #97B65A #5AB6A7

square

#795AB6 #B65A69 #97B65A #5AB6A7

split-complementary

#795AB6 #B6A75A #69B65A

monochromatic

#412E68 #5C4192 #795AB6 #9B84C9 #BEAFDC

Accesibilidad y contraste

On white

5.32

#795AB6 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.95

#795AB6 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #795AB6

5.32:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##795AB6	#FFFFFF	#000000	##FFFFFF
##795AB6	1.00	5.32	3.95	5.32
#FFFFFF	5.32	1.00	21.00	1.00
#000000	3.95	21.00	1.00	21.00
##FFFFFF	5.32	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#396CB9

Deuteranopia (green-blind)

#406AB4

Tritanopia (blue-blind)

#6C6C7F

Achromatopsia (no color)

#6B6B6B

Tokens de diseño y código

CSS

--color: #795ab6;
/* rgb */ color: rgb(121, 90, 182);
/* oklch */ color: oklch(54.2% 0.141 297.0);

Tailwind

colors: {
  custom: {
    50: '#a389cc',
    500: '#795ab6',
    950: '#000000',
  },
}

SCSS

$custom: #795ab6;
$custom-light: #a389cc;
$custom-dark: #000000;

JSON

{
  "hex": "#795ab6",
  "rgb": {
    "r": 121,
    "g": 90,
    "b": 182
  },
  "hsl": {
    "h": 260.217,
    "s": 38.655,
    "l": 53.333
  },
  "oklch": {
    "l": 0.54202,
    "c": 0.14072,
    "h": 297
  },
  "luminance": 0.14755
}

Semantic roles & 50–950 ramp

primary

#795AB6

secondary

#BCCAA2

accent

#CF59A7

background

#FAF8FC

surface

#F4F0F9

border

#CECBD2

text

#0F0B13

muted

#7F7C82

Laboratorio de vista previa

Vista previa con #795AB6

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

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