#30195E#30195E

#30195E es un color oscuro y moderadamente saturado de la familia violeta. Luminancia relativa 0.021; OKLCH L 29.0% C 0.116 H 293.1°. El mejor color de texto es #FFFFFF con contraste 14.72:1 (cumple WCAG AA).

Valores del color

HEX	#30195E
RGB	rgb(48, 25, 94)
HSL	hsl(260, 58%, 23%)
HSV	hsv(260, 73%, 37%)
CMYK	cmyk(48.9%, 73.4%, 0%, 63.1%)
CIE-LAB	lab(16.16, 29.07, -37.15)
CIE-LCH	lch(16.16, 47.17, 308.04°)
OKLab	oklab(29% 0.0453 -0.1064)
OKLCH	oklch(29% 0.116 293.1)
XYZ	xyz(3.5864, 2.1317, 10.8100)
Luminance	0.0213 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Royal Purple (survey)

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#30195E #475E19

analogous

#19245E #30195E #52195E

triadic

#30195E #5E3019 #195E30

tetradic

#30195E #5E1924 #475E19 #195E52

square

#30195E #5E1924 #475E19 #195E52

split-complementary

#30195E #5E5219 #245E19

monochromatic

#0C0618 #170C2E #30195E #49268E #6133BF

Accesibilidad y contraste

On white

14.72

#30195E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.43

#30195E on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #30195E

14.72:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##30195E	#FFFFFF	#000000	##FFFFFF
##30195E	1.00	14.72	1.43	14.72
#FFFFFF	14.72	1.00	21.00	1.00
#000000	1.43	21.00	1.00	21.00
##FFFFFF	14.72	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#002960

Deuteranopia (green-blind)

#00275D

Tritanopia (blue-blind)

#222A39

Achromatopsia (no color)

#282828

Tokens de diseño y código

CSS

--color: #30195e;
/* rgb */ color: rgb(48, 25, 94);
/* oklch */ color: oklch(29.0% 0.116 293.1);

Tailwind

colors: {
  custom: {
    50: '#6d578c',
    500: '#30195e',
    950: '#000000',
  },
}

SCSS

$custom: #30195e;
$custom-light: #6d578c;
$custom-dark: #000000;

JSON

{
  "hex": "#30195e",
  "rgb": {
    "r": 48,
    "g": 25,
    "b": 94
  },
  "hsl": {
    "h": 260,
    "s": 57.983,
    "l": 23.333
  },
  "oklch": {
    "l": 0.29001,
    "c": 0.11563,
    "h": 293.1
  },
  "luminance": 0.02132
}

Semantic roles & 50–950 ramp

primary

#30195E

secondary

#78943F

accent

#E147AE

background

#F6F5F8

surface

#ECE9F0

border

#C7C5CB

text

#07030C

muted

#7A787D

Laboratorio de vista previa

Vista previa con #30195E

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

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