#463F7A#463F7A

#463F7A es un color oscuro y moderadamente saturado de la familia azul. Luminancia relativa 0.063; OKLCH L 40.5% C 0.097 H 286.7°. El mejor color de texto es #FFFFFF con contraste 9.32:1 (cumple WCAG AA).

Valores del color

HEX	#463F7A
RGB	rgb(70, 63, 122)
HSL	hsl(247, 32%, 36%)
HSV	hsv(247, 48%, 48%)
CMYK	cmyk(42.6%, 48.4%, 0%, 52.2%)
CIE-LAB	lab(30.06, 18.87, -32.74)
CIE-LCH	lch(30.06, 37.79, 299.96°)
OKLab	oklab(40.46% 0.0277 -0.0926)
OKLCH	oklch(40.46% 0.097 286.7)
XYZ	xyz(7.8152, 6.2620, 19.2055)
Luminance	0.0626 (WCAG relative)
Temperature	cool
Family	blue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#463F7A #737A3F

analogous

#3F567A #463F7A #643F7A

triadic

#463F7A #7A463F #3F7A46

tetradic

#463F7A #7A3F56 #737A3F #3F7A64

square

#463F7A #7A3F56 #737A3F #3F7A64

split-complementary

#463F7A #7A643F #567A3F

monochromatic

#181529 #2F2A52 #463F7A #5D54A2 #8179BA

Accesibilidad y contraste

On white

9.32

#463F7A on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.25

#463F7A on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #463F7A

9.32:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##463F7A	#FFFFFF	#000000	##FFFFFF
##463F7A	1.00	9.32	2.25	9.32
#FFFFFF	9.32	1.00	21.00	1.00
#000000	2.25	21.00	1.00	21.00
##FFFFFF	9.32	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#29487C

Deuteranopia (green-blind)

#284579

Tritanopia (blue-blind)

#374B56

Achromatopsia (no color)

#474747

Tokens de diseño y código

CSS

--color: #463f7a;
/* rgb */ color: rgb(70, 63, 122);
/* oklch */ color: oklch(40.5% 0.097 286.7);

Tailwind

colors: {
  custom: {
    50: '#7c74a1',
    500: '#463f7a',
    950: '#000000',
  },
}

SCSS

$custom: #463f7a;
$custom-light: #7c74a1;
$custom-dark: #000000;

JSON

{
  "hex": "#463f7a",
  "rgb": {
    "r": 70,
    "g": 63,
    "b": 122
  },
  "hsl": {
    "h": 247.119,
    "s": 31.892,
    "l": 36.275
  },
  "oklch": {
    "l": 0.40461,
    "c": 0.09668,
    "h": 286.7
  },
  "luminance": 0.06262
}

Semantic roles & 50–950 ramp

primary

#463F7A

secondary

#9EA470

accent

#C860BC

background

#F7F7F9

surface

#EEEDF2

border

#C9C8CC

text

#0A080F

muted

#7C7B7E

Laboratorio de vista previa

Vista previa con #463F7A

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

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