#10240E#10240E

#10240E es un color muy oscuro y apagado de la familia verde. Luminancia relativa 0.014; OKLCH L 23.6% C 0.048 H 142.0°. El mejor color de texto es #FFFFFF con contraste 16.40:1 (cumple WCAG AA).

Valores del color

HEX	#10240E
RGB	rgb(16, 36, 14)
HSL	hsl(115, 44%, 10%)
HSV	hsv(115, 61%, 14%)
CMYK	cmyk(55.6%, 0%, 61.1%, 85.9%)
CIE-LAB	lab(11.98, -13.91, 11.54)
CIE-LCH	lch(11.98, 18.07, 140.32°)
OKLab	oklab(23.65% -0.0379 0.0296)
OKLCH	oklch(23.65% 0.048 142)
XYZ	xyz(0.9238, 1.4036, 0.6376)
Luminance	0.0140 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Hunter Green (survey)

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#10240E #220E24

analogous

#1B240E #10240E #0E2417

triadic

#10240E #0E1024 #240E10

tetradic

#10240E #0E1B24 #220E24 #24170E

square

#10240E #0E1B24 #220E24 #24170E

split-complementary

#10240E #170E24 #240E1B

monochromatic

#0A1609 #0A1609 #10240E #24501F #377C30

Accesibilidad y contraste

On white

16.40

#10240E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.28

#10240E on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #10240E

16.40:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##10240E	#FFFFFF	#000000	##FFFFFF
##10240E	1.00	16.40	1.28	16.40
#FFFFFF	16.40	1.00	21.00	1.00
#000000	1.28	21.00	1.00	21.00
##FFFFFF	16.40	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#25210C

Deuteranopia (green-blind)

#221F0F

Tritanopia (blue-blind)

#0E231F

Achromatopsia (no color)

#1F1F1F

Tokens de diseño y código

CSS

--color: #10240e;
/* rgb */ color: rgb(16, 36, 14);
/* oklch */ color: oklch(23.6% 0.048 142.0);

Tailwind

colors: {
  custom: {
    50: '#4f5f4d',
    500: '#10240e',
    950: '#000000',
  },
}

SCSS

$custom: #10240e;
$custom-light: #4f5f4d;
$custom-dark: #000000;

JSON

{
  "hex": "#10240e",
  "rgb": {
    "r": 16,
    "g": 36,
    "b": 14
  },
  "hsl": {
    "h": 114.545,
    "s": 44,
    "l": 9.804
  },
  "oklch": {
    "l": 0.23646,
    "c": 0.04812,
    "h": 142
  },
  "luminance": 0.01404
}

Semantic roles & 50–950 ramp

primary

#10240E

secondary

#59315D

accent

#54D4C8

background

#F4F5F4

surface

#E7E9E7

border

#C3C5C3

text

#020401

muted

#787977

Laboratorio de vista previa

Vista previa con #10240E

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

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