#3E8048#3E8048

#3E8048 es un color medio y moderadamente saturado de la familia verde. Luminancia relativa 0.169; OKLCH L 54.2% C 0.109 H 147.1°. El mejor color de texto es #FFFFFF con contraste 4.79:1 (cumple WCAG AA).

Valores del color

HEX	#3E8048
RGB	rgb(62, 128, 72)
HSL	hsl(129, 35%, 37%)
HSV	hsv(129, 52%, 50%)
CMYK	cmyk(51.6%, 0%, 43.8%, 49.8%)
CIE-LAB	lab(48.17, -33.87, 24.09)
CIE-LCH	lch(48.17, 41.56, 144.57°)
OKLab	oklab(54.16% -0.0919 0.0594)
OKLCH	oklch(54.16% 0.109 147.1)
XYZ	xyz(10.8748, 16.9295, 8.8243)
Luminance	0.1693 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#3E8048 #803E76

analogous

#55803E #3E8048 #3E8069

triadic

#3E8048 #483E80 #80483E

tetradic

#3E8048 #3E5580 #803E76 #80693E

square

#3E8048 #3E5580 #803E76 #80693E

split-complementary

#3E8048 #693E80 #803E55

monochromatic

#162E1A #2A5731 #3E8048 #52A95F #7ABF84

Accesibilidad y contraste

On white

4.79

#3E8048 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.39

#3E8048 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #3E8048

4.79:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##3E8048	#FFFFFF	#000000	##FFFFFF
##3E8048	1.00	4.79	4.39	4.79
#FFFFFF	4.79	1.00	21.00	1.00
#000000	4.39	21.00	1.00	21.00
##FFFFFF	4.79	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#817644

Deuteranopia (green-blind)

#78704C

Tritanopia (blue-blind)

#327D72

Achromatopsia (no color)

#727272

Tokens de diseño y código

CSS

--color: #3e8048;
/* rgb */ color: rgb(62, 128, 72);
/* oklch */ color: oklch(54.2% 0.109 147.1);

Tailwind

colors: {
  custom: {
    50: '#78a57c',
    500: '#3e8048',
    950: '#000000',
  },
}

SCSS

$custom: #3e8048;
$custom-light: #78a57c;
$custom-dark: #000000;

JSON

{
  "hex": "#3e8048",
  "rgb": {
    "r": 62,
    "g": 128,
    "b": 72
  },
  "hsl": {
    "h": 129.091,
    "s": 34.737,
    "l": 37.255
  },
  "oklch": {
    "l": 0.54158,
    "c": 0.10943,
    "h": 147.1
  },
  "luminance": 0.1693
}

Semantic roles & 50–950 ramp

primary

#3E8048

secondary

#A971A0

accent

#5DBACB

background

#F7FAF7

surface

#EEF4EE

border

#C9CEC9

text

#090F09

muted

#7B7F7B

Laboratorio de vista previa

Vista previa con #3E8048

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

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