#514680#514680

#514680 es un color oscuro y moderadamente saturado de la familia violeta. Luminancia relativa 0.077; OKLCH L 43.3% C 0.094 H 290.6°. El mejor color de texto es #FFFFFF con contraste 8.28:1 (cumple WCAG AA).

Valores del color

HEX	#514680
RGB	rgb(81, 70, 128)
HSL	hsl(251, 29%, 39%)
HSV	hsv(251, 45%, 50%)
CMYK	cmyk(36.7%, 45.3%, 0%, 49.8%)
CIE-LAB	lab(33.32, 19.26, -31.25)
CIE-LCH	lch(33.32, 36.71, 301.65°)
OKLab	oklab(43.29% 0.0331 -0.0879)
OKLCH	oklch(43.29% 0.094 290.6)
XYZ	xyz(9.4787, 7.6879, 21.4024)
Luminance	0.0769 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#514680 #758046

analogous

#465880 #514680 #6E4680

triadic

#514680 #805146 #468051

tetradic

#514680 #804658 #758046 #46806E

square

#514680 #804658 #758046 #46806E

split-complementary

#514680 #806E46 #588046

monochromatic

#1F1B31 #383058 #514680 #6B5DA6 #8F84BC

Accesibilidad y contraste

On white

8.28

#514680 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.54

#514680 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #514680

8.28:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##514680	#FFFFFF	#000000	##FFFFFF
##514680	1.00	8.28	2.54	8.28
#FFFFFF	8.28	1.00	21.00	1.00
#000000	2.54	21.00	1.00	21.00
##FFFFFF	8.28	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#334F82

Deuteranopia (green-blind)

#344D7F

Tritanopia (blue-blind)

#45515D

Achromatopsia (no color)

#4E4E4E

Tokens de diseño y código

CSS

--color: #514680;
/* rgb */ color: rgb(81, 70, 128);
/* oklch */ color: oklch(43.3% 0.094 290.6);

Tailwind

colors: {
  custom: {
    50: '#8479a5',
    500: '#514680',
    950: '#000000',
  },
}

SCSS

$custom: #514680;
$custom-light: #8479a5;
$custom-dark: #000000;

JSON

{
  "hex": "#514680",
  "rgb": {
    "r": 81,
    "g": 70,
    "b": 128
  },
  "hsl": {
    "h": 251.379,
    "s": 29.293,
    "l": 38.824
  },
  "oklch": {
    "l": 0.43288,
    "c": 0.09395,
    "h": 290.6
  },
  "luminance": 0.07688
}

Semantic roles & 50–950 ramp

primary

#514680

secondary

#9FA77A

accent

#C662B3

background

#F8F7FA

surface

#EFEDF4

border

#CAC8CE

text

#0B090F

muted

#7C7B7F

Laboratorio de vista previa

Vista previa con #514680

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

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