#283C19#283C19

#283C19 es un color oscuro y moderadamente saturado de la familia amarillo verdoso. Luminancia relativa 0.038; OKLCH L 32.9% C 0.062 H 133.3°. El mejor color de texto es #FFFFFF con contraste 12.00:1 (cumple WCAG AA).

Valores del color

HEX#283C19
RGBrgb(40, 60, 25)
HSLhsl(94, 41%, 17%)
HSVhsv(94, 58%, 24%)
CMYKcmyk(33.3%, 0%, 58.3%, 76.5%)
CIE-LABlab(22.84, -15.48, 18.98)
CIE-LCHlch(22.84, 24.49, 129.20°)
OKLaboklab(32.95% -0.0428 0.0454)
OKLCHoklch(32.95% 0.062 133.3)
XYZxyz(2.6663, 3.7529, 1.5034)
Luminance0.0375 (WCAG relative)
Temperaturewarm
Familyyellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#283C19 #2D193C
analogous
#3A3C19 #283C19 #193C1C
triadic
#283C19 #19283C #3C1928
tetradic
#283C19 #193A3C #2D193C #3C1C19
square
#283C19 #193A3C #2D193C #3C1C19
split-complementary
#283C19 #1C193C #3C193A
monochromatic
#0E1609 #0E1609 #283C19 #45672B #62923D

Accesibilidad y contraste

On white

12.00
#283C19 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.75
#283C19 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #283C19
12.00:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##283C19#FFFFFF#000000##FFFFFF
##283C191.0012.001.7512.00
#FFFFFF12.001.0021.001.00
#0000001.7521.001.0021.00
##FFFFFF12.001.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#3E3816
Deuteranopia (green-blind)
#3C361B
Tritanopia (blue-blind)
#283A34
Achromatopsia (no color)
#363636

Tokens de diseño y código

CSS
--color: #283c19;
/* rgb */ color: rgb(40, 60, 25);
/* oklch */ color: oklch(32.9% 0.062 133.3);
Tailwind
colors: {
  custom: {
    50: '#637256',
    500: '#283c19',
    950: '#000000',
  },
}
SCSS
$custom: #283c19;
$custom-light: #637256;
$custom-dark: #000000;
JSON
{
  "hex": "#283c19",
  "rgb": {
    "r": 40,
    "g": 60,
    "b": 25
  },
  "hsl": {
    "h": 94.286,
    "s": 41.176,
    "l": 16.667
  },
  "oklch": {
    "l": 0.32948,
    "c": 0.0624,
    "h": 133.3
  },
  "luminance": 0.03753
}

Semantic roles & 50–950 ramp

primary
#283C19
secondary
#5C3F72
accent
#57D19D
background
#F5F6F5
surface
#EAECE9
border
#C6C7C5
text
#050703
muted
#797A78

Laboratorio de vista previa

Vista previa con #283C19

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

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

#283C19 — Tintiva