#224129#224129

#224129 es un color oscuro y apagado de la familia verde. Luminancia relativa 0.043; OKLCH L 34.4% C 0.056 H 149.9°. El mejor color de texto es #FFFFFF con contraste 11.31:1 (cumple WCAG AA).

Valores del color

HEX	#224129
RGB	rgb(34, 65, 41)
HSL	hsl(134, 31%, 19%)
HSV	hsv(134, 48%, 25%)
CMYK	cmyk(47.7%, 0%, 36.9%, 74.5%)
CIE-LAB	lab(24.58, -17.77, 11.15)
CIE-LCH	lch(24.58, 20.98, 147.89°)
OKLab	oklab(34.36% -0.0485 0.0281)
OKLCH	oklch(34.36% 0.056 149.9)
XYZ	xyz(2.9500, 4.2806, 2.7682)
Luminance	0.0428 (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

#224129 #41223A

analogous

#2B4122 #224129 #224139

triadic

#224129 #292241 #412922

tetradic

#224129 #222B41 #41223A #413922

square

#224129 #222B41 #41223A #413922

split-complementary

#224129 #392241 #41222B

monochromatic

#0B140D #0D1910 #224129 #376942 #4C915C

Accesibilidad y contraste

On white

11.31

#224129 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.86

#224129 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #224129

11.31:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##224129	#FFFFFF	#000000	##FFFFFF
##224129	1.00	11.31	1.86	11.31
#FFFFFF	11.31	1.00	21.00	1.00
#000000	1.86	21.00	1.00	21.00
##FFFFFF	11.31	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#413C27

Deuteranopia (green-blind)

#3D392A

Tritanopia (blue-blind)

#1D403B

Achromatopsia (no color)

#3A3A3A

Tokens de diseño y código

CSS

--color: #224129;
/* rgb */ color: rgb(34, 65, 41);
/* oklch */ color: oklch(34.4% 0.056 149.9);

Tailwind

colors: {
  custom: {
    50: '#5f7662',
    500: '#224129',
    950: '#000000',
  },
}

SCSS

$custom: #224129;
$custom-light: #5f7662;
$custom-dark: #000000;

JSON

{
  "hex": "#224129",
  "rgb": {
    "r": 34,
    "g": 65,
    "b": 41
  },
  "hsl": {
    "h": 133.548,
    "s": 31.313,
    "l": 19.412
  },
  "oklch": {
    "l": 0.3436,
    "c": 0.05601,
    "h": 149.9
  },
  "luminance": 0.04281
}

Semantic roles & 50–950 ramp

primary

#224129

secondary

#744A6B

accent

#60B0C8

background

#F5F7F5

surface

#E9EDEA

border

#C5C8C6

text

#040805

muted

#797B79

Laboratorio de vista previa

Vista previa con #224129

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

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