#24501F#24501F

#24501F es un color oscuro y moderadamente saturado de la familia verde. Luminancia relativa 0.062; OKLCH L 38.7% C 0.092 H 141.7°. El mejor color de texto es #FFFFFF con contraste 9.37:1 (cumple WCAG AA).

Valores del color

HEX	#24501F
RGB	rgb(36, 80, 31)
HSL	hsl(114, 44%, 22%)
HSV	hsv(114, 61%, 31%)
CMYK	cmyk(55%, 0%, 61.2%, 68.6%)
CIE-LAB	lab(29.94, -26.39, 23.98)
CIE-LCH	lch(29.94, 35.66, 137.74°)
OKLab	oklab(38.71% -0.072 0.0569)
OKLCH	oklch(38.71% 0.092 141.7)
XYZ	xyz(3.8434, 6.2110, 2.2924)
Luminance	0.0621 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Forest Green (survey)

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#24501F #4B1F50

analogous

#3D501F #24501F #1F5033

triadic

#24501F #1F2450 #501F24

tetradic

#24501F #1F3D50 #4B1F50 #50331F

square

#24501F #1F3D50 #4B1F50 #50331F

split-complementary

#24501F #331F50 #501F3D

monochromatic

#0A1609 #10240E #24501F #387C30 #4CA841

Accesibilidad y contraste

On white

9.37

#24501F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.24

#24501F on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #24501F

9.37:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##24501F	#FFFFFF	#000000	##FFFFFF
##24501F	1.00	9.37	2.24	9.37
#FFFFFF	9.37	1.00	21.00	1.00
#000000	2.24	21.00	1.00	21.00
##FFFFFF	9.37	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#52491A

Deuteranopia (green-blind)

#4C4523

Tritanopia (blue-blind)

#1F4E45

Achromatopsia (no color)

#464646

Tokens de diseño y código

CSS

--color: #24501f;
/* rgb */ color: rgb(36, 80, 31);
/* oklch */ color: oklch(38.7% 0.092 141.7);

Tailwind

colors: {
  custom: {
    50: '#63815c',
    500: '#24501f',
    950: '#000000',
  },
}

SCSS

$custom: #24501f;
$custom-light: #63815c;
$custom-dark: #000000;

JSON

{
  "hex": "#24501f",
  "rgb": {
    "r": 36,
    "g": 80,
    "b": 31
  },
  "hsl": {
    "h": 113.878,
    "s": 44.144,
    "l": 21.765
  },
  "oklch": {
    "l": 0.38712,
    "c": 0.09179,
    "h": 141.7
  },
  "luminance": 0.06211
}

Semantic roles & 50–950 ramp

primary

#24501F

secondary

#7E4685

accent

#54D4C7

background

#F6F7F5

surface

#EBEEE9

border

#C6C9C5

text

#050A04

muted

#7A7C79

Laboratorio de vista previa

Vista previa con #24501F

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

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