#2E102B#2E102B

#2E102B es un color muy oscuro y moderadamente saturado de la familia purple. Luminancia relativa 0.011; OKLCH L 23.2% C 0.065 H 331.4°. El mejor color de texto es #FFFFFF con contraste 17.14:1 (cumple WCAG AA).

Valores del color

HEX	#2E102B
RGB	rgb(46, 16, 43)
HSL	hsl(306, 48%, 12%)
HSV	hsv(306, 65%, 18%)
CMYK	cmyk(0%, 65.2%, 6.5%, 82%)
CIE-LAB	lab(10.00, 19.91, -11.33)
CIE-LCH	lch(10.00, 22.91, 330.36°)
OKLab	oklab(23.24% 0.0567 -0.0309)
OKLCH	oklch(23.24% 0.065 331.4)
XYZ	xyz(1.7480, 1.1260, 2.4103)
Luminance	0.0113 (WCAG relative)
Temperature	neutral
Family	purple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#2E102B #102E13

analogous

#22102E #2E102B #2E101C

triadic

#2E102B #2B2E10 #102B2E

tetradic

#2E102B #2E2210 #102E13 #101C2E

square

#2E102B #2E2210 #102E13 #101C2E

split-complementary

#2E102B #1C2E10 #102E22

monochromatic

#170815 #170815 #2E102B #5B2055 #893080

Accesibilidad y contraste

On white

17.14

#2E102B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.23

#2E102B on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #2E102B

17.14:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##2E102B	#FFFFFF	#000000	##FFFFFF
##2E102B	1.00	17.14	1.23	17.14
#FFFFFF	17.14	1.00	21.00	1.00
#000000	1.23	21.00	1.00	21.00
##FFFFFF	17.14	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#0F192C

Deuteranopia (green-blind)

#181D2A

Tritanopia (blue-blind)

#30121B

Achromatopsia (no color)

#1B1B1B

Tokens de diseño y código

CSS

--color: #2e102b;
/* rgb */ color: rgb(46, 16, 43);
/* oklch */ color: oklch(23.2% 0.065 331.4);

Tailwind

colors: {
  custom: {
    50: '#685064',
    500: '#2e102b',
    950: '#000000',
  },
}

SCSS

$custom: #2e102b;
$custom-light: #685064;
$custom-dark: #000000;

JSON

{
  "hex": "#2e102b",
  "rgb": {
    "r": 46,
    "g": 16,
    "b": 43
  },
  "hsl": {
    "h": 306,
    "s": 48.387,
    "l": 12.157
  },
  "oklch": {
    "l": 0.23238,
    "c": 0.06457,
    "h": 331.4
  },
  "luminance": 0.01126
}

Semantic roles & 50–950 ramp

primary

#2E102B

secondary

#336738

accent

#D85D50

background

#F6F4F6

surface

#EBE7EB

border

#C6C3C6

text

#060205

muted

#7A787A

Laboratorio de vista previa

Vista previa con #2E102B

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

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