#3B6039#3B6039

#3B6039 es un color medio y moderadamente saturado de la familia verde. Luminancia relativa 0.096; OKLCH L 45.0% C 0.075 H 143.1°. El mejor color de texto es #FFFFFF con contraste 7.20:1 (cumple WCAG AA).

Valores del color

HEX	#3B6039
RGB	rgb(59, 96, 57)
HSL	hsl(117, 25%, 30%)
HSV	hsv(117, 41%, 38%)
CMYK	cmyk(38.5%, 0%, 40.6%, 62.4%)
CIE-LAB	lab(37.10, -22.07, 18.22)
CIE-LCH	lch(37.10, 28.62, 140.46°)
OKLab	oklab(45.01% -0.0602 0.0452)
OKLCH	oklch(45.01% 0.075 143.1)
XYZ	xyz(6.7247, 9.5906, 5.3669)
Luminance	0.0959 (WCAG relative)
Temperature	neutral
Family	green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#3B6039 #5E3960

analogous

#4F6039 #3B6039 #39604A

triadic

#3B6039 #393B60 #60393B

tetradic

#3B6039 #394F60 #5E3960 #604A39

square

#3B6039 #394F60 #5E3960 #604A39

split-complementary

#3B6039 #4A3960 #60394F

monochromatic

#0C130B #233A22 #3B6039 #538650 #6FA86C

Accesibilidad y contraste

On white

7.20

#3B6039 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.92

#3B6039 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #3B6039

7.20:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##3B6039	#FFFFFF	#000000	##FFFFFF
##3B6039	1.00	7.20	2.92	7.20
#FFFFFF	7.20	1.00	21.00	1.00
#000000	2.92	21.00	1.00	21.00
##FFFFFF	7.20	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#625936

Deuteranopia (green-blind)

#5C563B

Tritanopia (blue-blind)

#375E56

Achromatopsia (no color)

#575757

Tokens de diseño y código

CSS

--color: #3b6039;
/* rgb */ color: rgb(59, 96, 57);
/* oklch */ color: oklch(45.0% 0.075 143.1);

Tailwind

colors: {
  custom: {
    50: '#738d70',
    500: '#3b6039',
    950: '#000000',
  },
}

SCSS

$custom: #3b6039;
$custom-light: #738d70;
$custom-dark: #000000;

JSON

{
  "hex": "#3b6039",
  "rgb": {
    "r": 59,
    "g": 96,
    "b": 57
  },
  "hsl": {
    "h": 116.923,
    "s": 25.49,
    "l": 30
  },
  "oklch": {
    "l": 0.45006,
    "c": 0.07526,
    "h": 143.1
  },
  "luminance": 0.09591
}

Semantic roles & 50–950 ramp

primary

#3B6039

secondary

#8E6590

accent

#66C2BD

background

#F7F8F6

surface

#EDF0EC

border

#C8CBC7

text

#080C07

muted

#7B7D7A

Laboratorio de vista previa

Vista previa con #3B6039

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

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