#1E034E#1E034E

#1E034E es un color muy oscuro y vivo de la familia violeta. Luminancia relativa 0.009; OKLCH L 22.3% C 0.121 H 288.9°. El mejor color de texto es #FFFFFF con contraste 17.82:1 (cumple WCAG AA).

Valores del color

HEX	#1E034E
RGB	rgb(30, 3, 78)
HSL	hsl(262, 93%, 16%)
HSV	hsv(262, 96%, 31%)
CMYK	cmyk(61.5%, 96.2%, 0%, 69.4%)
CIE-LAB	lab(8.05, 33.05, -39.70)
CIE-LCH	lch(8.05, 51.65, 309.78°)
OKLab	oklab(22.29% 0.039 -0.1142)
OKLCH	oklch(22.29% 0.121 288.9)
XYZ	xyz(1.9427, 0.8911, 7.2759)
Luminance	0.0089 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#1E034E #334E03

analogous

#030D4E #1E034E #43034E

triadic

#1E034E #4E1E03 #034E1E

tetradic

#1E034E #4E030D #334E03 #034E43

square

#1E034E #4E030D #334E03 #034E43

split-complementary

#1E034E #4E4303 #0D4E03

monochromatic

#0B011D #0B011D #1E034E #350589 #4B08C4

Accesibilidad y contraste

On white

17.82

#1E034E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.18

#1E034E on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #1E034E

17.82:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##1E034E	#FFFFFF	#000000	##FFFFFF
##1E034E	1.00	17.82	1.18	17.82
#FFFFFF	17.82	1.00	21.00	1.00
#000000	1.18	21.00	1.00	21.00
##FFFFFF	17.82	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#001950

Deuteranopia (green-blind)

#00164D

Tritanopia (blue-blind)

#091B2B

Achromatopsia (no color)

#181818

Tokens de diseño y código

CSS

--color: #1e034e;
/* rgb */ color: rgb(30, 3, 78);
/* oklch */ color: oklch(22.3% 0.121 288.9);

Tailwind

colors: {
  custom: {
    50: '#624880',
    500: '#1e034e',
    950: '#000000',
  },
}

SCSS

$custom: #1e034e;
$custom-light: #624880;
$custom-dark: #000000;

JSON

{
  "hex": "#1e034e",
  "rgb": {
    "r": 30,
    "g": 3,
    "b": 78
  },
  "hsl": {
    "h": 261.6,
    "s": 92.593,
    "l": 15.882
  },
  "oklch": {
    "l": 0.22289,
    "c": 0.12071,
    "h": 288.9
  },
  "luminance": 0.00891
}

Semantic roles & 50–950 ramp

primary

#1E034E

secondary

#668E1E

accent

#FF29B2

background

#F6F4F7

surface

#EBE7EE

border

#C6C3C9

text

#06010A

muted

#7A777C

Laboratorio de vista previa

Vista previa con #1E034E

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

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