#72783E#72783E

#72783E es un color medio y moderadamente saturado de la familia amarillo. Luminancia relativa 0.174; OKLCH L 55.4% C 0.081 H 113.9°. El mejor color de texto es #FFFFFF con contraste 4.70:1 (cumple WCAG AA).

Valores del color

HEX	#72783E
RGB	rgb(114, 120, 62)
HSL	hsl(66, 32%, 36%)
HSV	hsv(66, 48%, 47%)
CMYK	cmyk(5%, 0%, 48.3%, 52.9%)
CIE-LAB	lab(48.71, -11.59, 30.91)
CIE-LCH	lch(48.71, 33.01, 110.56°)
OKLab	oklab(55.38% -0.0328 0.0739)
OKLCH	oklch(55.38% 0.081 113.9)
XYZ	xyz(14.5256, 17.3584, 7.1418)
Luminance	0.1736 (WCAG relative)
Temperature	warm
Family	yellow

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#72783E #443E78

analogous

#78613E #72783E #55783E

triadic

#72783E #3E7278 #783E72

tetradic

#72783E #3E7861 #443E78 #783E55

square

#72783E #3E7861 #443E78 #783E55

split-complementary

#72783E #3E5578 #613E78

monochromatic

#252714 #4C5029 #72783E #98A053 #B2B977

Accesibilidad y contraste

On white

4.70

#72783E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.47

#72783E on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #72783E

4.70:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##72783E	#FFFFFF	#000000	##FFFFFF
##72783E	1.00	4.70	4.47	4.70
#FFFFFF	4.70	1.00	21.00	1.00
#000000	4.47	21.00	1.00	21.00
##FFFFFF	4.70	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#7F7339

Deuteranopia (green-blind)

#7F7441

Tritanopia (blue-blind)

#78726A

Achromatopsia (no color)

#747474

Tokens de diseño y código

CSS

--color: #72783e;
/* rgb */ color: rgb(114, 120, 62);
/* oklch */ color: oklch(55.4% 0.081 113.9);

Tailwind

colors: {
  custom: {
    50: '#9c9e75',
    500: '#72783e',
    950: '#000000',
  },
}

SCSS

$custom: #72783e;
$custom-light: #9c9e75;
$custom-dark: #000000;

JSON

{
  "hex": "#72783e",
  "rgb": {
    "r": 114,
    "g": 120,
    "b": 62
  },
  "hsl": {
    "h": 66.207,
    "s": 31.868,
    "l": 35.686
  },
  "oklch": {
    "l": 0.55379,
    "c": 0.08088,
    "h": 113.9
  },
  "luminance": 0.17358
}

Semantic roles & 50–950 ramp

primary

#72783E

secondary

#746FA3

accent

#60C86B

background

#F9F9F7

surface

#F2F2ED

border

#CCCCC8

text

#0E0E08

muted

#7E7E7B

Laboratorio de vista previa

Vista previa con #72783E

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

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