#341A18#341A18

#341A18 es un color oscuro y apagado de la familia rojo. Luminancia relativa 0.015; OKLCH L 25.3% C 0.042 H 25.1°. El mejor color de texto es #FFFFFF con contraste 16.07:1 (cumple WCAG AA).

Valores del color

HEX	#341A18
RGB	rgb(52, 26, 24)
HSL	hsl(4, 37%, 15%)
HSV	hsv(4, 54%, 20%)
CMYK	cmyk(0%, 50%, 53.8%, 79.6%)
CIE-LAB	lab(12.83, 12.63, 7.03)
CIE-LCH	lch(12.83, 14.45, 29.12°)
OKLab	oklab(25.33% 0.0379 0.0178)
OKLCH	oklch(25.33% 0.042 25.1)
XYZ	xyz(1.9505, 1.5350, 1.0575)
Luminance	0.0154 (WCAG relative)
Temperature	warm
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#341A18 #183234

analogous

#341824 #341A18 #342818

triadic

#341A18 #18341A #1A1834

tetradic

#341A18 #243418 #183234 #281834

square

#341A18 #243418 #183234 #281834

split-complementary

#341A18 #183428 #182434

monochromatic

#150A0A #150A0A #341A18 #5E2F2B #88443F

Accesibilidad y contraste

On white

16.07

#341A18 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.31

#341A18 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #341A18

16.07:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##341A18	#FFFFFF	#000000	##FFFFFF
##341A18	1.00	16.07	1.31	16.07
#FFFFFF	16.07	1.00	21.00	1.00
#000000	1.31	21.00	1.00	21.00
##FFFFFF	16.07	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#201E18

Deuteranopia (green-blind)

#262318

Tritanopia (blue-blind)

#39161A

Achromatopsia (no color)

#212121

Tokens de diseño y código

CSS

--color: #341a18;
/* rgb */ color: rgb(52, 26, 24);
/* oklch */ color: oklch(25.3% 0.042 25.1);

Tailwind

colors: {
  custom: {
    50: '#6d5754',
    500: '#341a18',
    950: '#000000',
  },
}

SCSS

$custom: #341a18;
$custom-light: #6d5754;
$custom-dark: #000000;

JSON

{
  "hex": "#341a18",
  "rgb": {
    "r": 52,
    "g": 26,
    "b": 24
  },
  "hsl": {
    "h": 4.286,
    "s": 36.842,
    "l": 14.902
  },
  "oklch": {
    "l": 0.25333,
    "c": 0.04186,
    "h": 25.1
  },
  "luminance": 0.01535
}

Semantic roles & 50–950 ramp

primary

#341A18

secondary

#3E666A

accent

#C5CD5B

background

#F6F5F4

surface

#ECE9E7

border

#C7C5C3

text

#070302

muted

#7A7878

Laboratorio de vista previa

Vista previa con #341A18

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

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